Plugin Preview
About this plugin
Figma Plugin for Exporting Variables
This Figma plugin simplifies the export of design variables (such as colors, typography, and dimensions) into a structured JSON format. It's ideal for design and development teams aiming to maintain consistency between their Figma design system and codebase.
With this plugin, you can export local variables organized into collections, including details about modes, aliases, and default values, making it easy to integrate them into development workflows like creating design tokens or style systems in CSS or JavaScript.
Features:
Export color, typography, spacing, and more from Figma to JSON.
Support for variable collections and modes (e.g., dark/light mode).
Alias management for consistent use of styles across projects.
Easy integration with development tools to use exported variables in web or mobile projects.
This plugin helps you maintain a robust and scalable design system, seamlessly syncing design variables between Figma and your code.
Plugin Details
Version | 3 |
---|---|
Created | September 14, 2024 |
Last Updated | September 19, 2024 |
Category | ui-kits |
Creator | Xavier Araque |
Stats | 19 installs, 3 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/plugin.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the ui-kits category.