Design System Tool (by Tetrisly)
Bring design tokens to life. Boost your components. Automate creating Design System.
Plugin Preview
About this plugin
DocumentationBring design tokens to life. Boost your components. Automate creating Design System.Color AliasesAliases help you create relationships between colors and place them in specific contexts. Inheritance ensures global propagation and unified product experiences.TypographyBuild your typography system from global values to contextual cases with Text Styles inheritance.Import & exportSave Color and Typography Tokens from the file instantly. Make backups or share them with your teammates. Automatically override Tokens instead of dealing with duplicates.It’s just the beginning. Components, Spacing, Layouts, Documentation, Effect Styles, Themes, Appearance, Shape Tokens available soon...DocumentationDesign System Tool is created by TetrislyFor any questions contact at [email protected]
Plugin Details
| Version | 15 |
|---|---|
| Created | August 18, 2022 |
| Last Updated | February 7, 2023 |
| Category | Software development |
| Creator | Tetrisly |
| Stats | 1222 installs, 255 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code