A design state is a unique function which allows you to easily create complex interface option for your website. For example, design your own buttons by editing their behavior when the mouse is over them, clicked or selected.
A design state is an alternative state for when a particular element or a whole site 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.