10/29/2022 0 Comments Design tokens![]() Let's first build our token library in Figma, where they are called “styles”. Provided your team uses Figma, there's an effortless way to get there: Supernova. Once automated, the pipeline would trigger on every change with minimal human oversight. It pushes those tokens right into the codebase. ![]() It formats the created tokens into consumables for the developers. The perfect pipeline observes the designer's source. How do we ensure developers follow? Do we expect designers to deliver the tokens to the dev team? Should the developers stalk every move designers do? Design tokens free#They are free to edit, remove or add anything. The designers are autonomous in curating the tokens. The design team then commands ownership over those tokens. It's sensible to have their source be the designers' production tool. The designers remain responsible for defining them. They must bind the designers' and the developers' worlds. They need to dictate how we design as much as how we code. What are we trying to achieve with strong design tokens? We want them to be absolute. If that sounds daunting, fear not! There's a simple solution ahead. How do we maintain them? How do we keep them in sync for all consumers? The pipeline cannot be a passive one, it must be reactive. ![]() Using them makes obvious sense, but how do we create and distribute them? Without a strong pipeline, they'll remain a good idea that never actually gets used.Įven when they do get used, another issue arises. They are a versatile way to distribute its vocabulary, its colors, font styles etc. Article | Back to articles Supernova: use design tokens in code, with Figma as a source of truthĭesign tokens are a powerful way of ensuring your design language actually gets used. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |