foldTokens
Transform Figma variables into production-ready design tokens
Plugin Preview
About this plugin
Streamline your design-to-development workflow by automatically exporting Figma variables and text styles as TypeScript design tokens. This plugin generates ready-to-use code files for colors, typography, spacing, and radius tokens with proper type definitions.Features:• Export color primitives and semantic color maps• Generate typography tokens with grouping and type safety• Create spacing and radius tokens for layout consistency• Support for variable aliases and references• Style Dictionary compatible format• TypeScript type definitions included• React Native Unistyles integration for radius tokensPerfect for design systems teams who want to maintain consistency between design and code without manual copying and pasting.
Plugin Details
| Version | 4 |
|---|---|
| Created | September 2, 2025 |
| Last Updated | September 3, 2025 |
| Category | Import & export plugins |
| Creator | max |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML