52 Open Source Design Tokens Software Projects
Free and open source design tokens code projects including engines, APIs, generators, and tools.
Diez 1063 ⭐
The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
Theme Specification 414 ⭐
A specification for defining theme objects & design tokens for use with UI components
Figmagic 493 ⭐
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
Storybook Design Token 400 ⭐
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Style Dictionary Demo 107 ⭐
A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
Theme UI Native 62 ⭐
Build consistent, themeable React Native apps based on constraint-based design principles
Design Tokens Generator 38 ⭐
Create your Semantic Style Variables (Universal language for developers and designers).
Figmagic Example 46 ⭐
Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.
Tokens2palettes Example 19 ⭐
Example showing how to transform design tokens into color palettes usable by designers
Klaufel Awesome Design Systems 383 ⭐
A curated list of bookmarks, resources and articles about design systems focused on developers.
Lukasoppermann Design Tokens 408 ⭐
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
System Props 66 ⭐
Responsive, theme-based style props for building design systems with React. Written in TypeScript.
Specifyapp Parsers 33 ⭐
Specify is a central platform for companies who want to unify their brand identity, by connecting their design system tools.
FluentUI Token Pipeline 16 ⭐
The Fluent UI token pipeline generates source code for Fluent UI libraries.
Google Spreadsheets Theo Demo 14 ⭐
Design tokens, managed via Google Spreadsheets, generated using Theo
Patterns Cli 10 ⭐
A front-end CLI for building and managing design pattern libraries. Maintained by @NYCOpportunity