Back to Plugins
Figaro Design System Token

Figaro Design System Token

Export Collection Variables

tokensvariablesdesign system

Plugin Preview

Figaro Design System Token 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

Version3
CreatedSeptember 14, 2024
Last UpdatedSeptember 19, 2024
Categoryui-kits
CreatorXavier Araque
Stats19 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/plugin.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none