Home / Design systems Design systems Collection of reusable components, guided by rules that ensure consistency and speed. Collection 843 stars GitHub Contents Design systems UI Design tools Design tools Design tokens Plugins Tools Pattern library Storybook addons Pattern libraries articles Design systems awesome-design-systems 24.1k updated 8d ago See more design systems here! UI Design tools Design tools design tools 39.4k updated 1y ago See design tools plugins here Design tokens Design Tokens W3C Community Group 1.9k updated 1mo ago View repository on GitHub here! Awesome-Design-Tokens 1.3k updated 2mo ago See more design tokens info here! Plugins Abstract Connect 7 updated 3y ago A Design tokens extractor for devs using Abstract & JavaScript. Tools Figmagic 858 updated 11mo ago Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Style Dictionary 4.6k updated 1mo ago A Style Dictionary uses design tokens to define styles once and use those styles on any platform or language. Theo 2.0k (archived) Theo is an abstraction for transforming and formatting Design Tokens. Pattern library Storybook addons Viewport 89.5k updated 1mo ago Build responsive components by adjusting Storybook's viewport size and orientation. here 415 updated 10mo ago Console 202 (archived) Show console output like logs, errors, and warnings in the Storybook. Pattern libraries articles Storybook design system 2.0k updated 11mo ago
