A design state is one of many unique functions you will find in the Editor which will allow you to easily create complex interface options for your website.
For example, design your own buttons by editing their behaviour when the mouse is rolled over them, clicked or selected etc.
A design state is an alternative state for whether a particular element or your whole site which can be triggered under specific conditions.
For example: When a user moves their mouse over an element or while the website is loading.
All changes made when using a design state will only apply once that state is activated.
You can also make your own custom design states by picking from a list of triggers provided in you Editor.
Design states can be used to animate your website by making it appear differently at different stages or react to a user's actions.
Design states help you create an interactive and engaging website with an impressive user interface.