My ideal pattern apparatus starts with defining these things as pattern tokens, and afterwards providing those and usually those as intensity options. we wish to toggle between my dual selected fonts, not corkscrew by a 2,000 we have commissioned on my machine. we am excellent selecting between 9 gradations of a primary tone though we don’t wish to check, check, and double check if I’m regulating #042d3d everywhere and not #042d3e.
When boring components or elements opposite my art board, it would snap usually to values that we tangible in a spacing scale. Or even better, let’s make certain your pattern apparatus implements a blueprint indication that does this for we (more complicated code-based pattern tools, like Modulz, already do).
This goes one step serve than design linting, a routine for flagging intensity problems and an thought that is itself exceedingly underdeveloped. While pattern linting will tell we after a fact that something is wrong, tying your pattern to options tangible in pattern tokens will forestall we from removing to “wrong” in a initial place.
Symbols (or frames, or components) have been good for creation reusable bundles of design. They still don’t map good to a realities of web and mobile design.
For example, a header competence be flattering opposite between mobile and desktop: on mobile, there competence be a menu symbol that opens adult a menu, while on desktop a whole menu is visible. Supporting both would meant carrying dual black for what is, from a semantic perspective, a same thing. To make black map good to existence they need 3 things:
- Responsive variants
Your site competence have a integrate of opposite buttons. They competence usually differ in colour, or padding, or some competence embody an idol and others don’t. All these variants of a same thing would ideally live in a singular component. This creates updating their common properties easier and indeed, reduction error-prone. Some of this can be finished by overrides or by creation changes to instances, though that usually gets we so far.