Figaro Design System Token

UI Kits · 2 likes

Export Collection Variables

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.

Open in Figma

Related plugins