I'm currently working on a large website/dashboard. Many of the screens have one or more states per page for example an empty state, expand a field, drop downs etc. The way I design all of these states is by duplicating the main screen artboard and make a second version with the other state.
The issue we are having right now is when we upload our screens to invision the prototype has over 100 screens including states and our developers overlook some of the UI changes between different states of a page.
- This is a two part question? How do you organize your states in a sketch file. Do you do another page just for states, What is your process?
- The second part is what's the best way to hand-of states to developers?