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 5mo ago See more design systems here! UI Design tools Design tools design tools 39.4k updated 2y ago See design tools plugins here Design tokens Design Tokens W3C Community Group 1.9k updated 6mo ago View repository on GitHub here! Awesome-Design-Tokens 1.3k updated 7mo 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 1y ago Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Style Dictionary 4.6k updated 6mo 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 6mo ago Build responsive components by adjusting Storybook's viewport size and orientation. here 415 updated 1y ago Console 202 (archived) Show console output like logs, errors, and warnings in the Storybook. Pattern libraries articles Storybook design system 2.0k updated 1y ago
