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.
Figaro Design System Token
UI Kits · 2 likes
Export Collection Variables
Related plugins
- Handy Components
Instantly paste useful UI components like calendar, search, cards and more in Figma and FigJam
- UI Components Kit
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...
- UI Kit
- Flowbase Component Library
Discover the worlds largest Figma component library
- Ant Icon
Icons for Ant Design UI
- eCommerce & Web Components - Plugin via ShopFront
Hundreds of components for eCommerce & Web Design