Hey designers, has anyone created a design checklist to go through before handing off designs?

Trying to look this up before making my own, and most of it isn't helpful

Things I'm thinking are:
- states
- design tokens (spacing, typography, colors)
- design system (right usage)
States:
- input (rest, hover, focus, active)
- selection (selected, deselected, indeterminate, disabled)
- pushed, dragged, dropped
- empty and loading
- error, warning, success, complete
- data (too much, too little, right to left, incorrect type, correct type)
- ?
Design system:
- typography (hierachy, correct tokens, colors, right use case)
- spacing, containers, and lines
- UI color and other color tokens
- correct component usage
- voice and tone adherance
- ?
Design patterns:
- action grouping
- animations and transitions
- breakpoints and screen sizes
- user flows in complex feature mockups
- interaction styling for things not noted in design system
- ?
Asset bundling:
- icons (hopefully already available & integrated)
- typefaces (hopefully already available & integrated)
- images
- animations and video
- vector designs (illustrative or informational type charts)
- ?
Hopefully most state related things are already declared within your design system, so you don't have to reference states of buttons, but call out what state the application is in from the larger level, when something is disabled, how it gets enabled, etc.
The larger patterns would be harder to handoff without detailed documentation, conversation, or presentation (either in the document, in a deck, or in chat).

Though a lot of this comes as you start to string components together, you can still find shared patterns as they stack.
You can follow @darianrosebrook.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: