Design System Tool (by Tetrisly)
Bring design tokens to life. Boost your components. Automate creating Design System.
Plugin Preview
About this plugin
Bring design tokens to life. Boost your components. Automate creating Design System.
Color Aliases
Aliases help you create relationships between colors and place them in specific contexts. Inheritance ensures global propagation and unified product experiences.
Typography
Build your typography system from global values to contextual cases with Text Styles inheritance.
Import & export
Save 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...
Design System Tool is created by Tetrisly
For 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 | 1166 installs, 249 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.