Design systems

106 items from klaufel/awesome-design-systems ★899

1. ▲
   Style Dictionary github.com

   tool category #design-systems link ↗

   A Style Dictionary uses design tokens to define styles once and use those styles on any platform or language.

   
2. ▲
   Storybook design system github.com

   tool category #design-systems link ↗
   
3. ▲
   Theo github.com

   tool category #design-systems link ↗

   Theo is an abstraction for transforming and formatting Design Tokens.

4. ▲
   Figmagic github.com

   tool category #design-systems link ↗

   Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

5. ▲
   Console github.com

   tool category #design-systems link ↗

   Show console output like logs, errors, and warnings in the Storybook.

   
6. ▲
   AI Web Design Codex github.com

   tool category #design-systems link ↗

   Knowledge base of 60 cross-linked guides on web design, UX, accessibility, and conversion, for humans and AI agents.

7. ▲
   Abstract Connect github.com

   tool category #design-systems link ↗

   A Design tokens extractor for devs using Abstract & JavaScript.