Token Exporter

About this plugin

A simple, powerful Figma plugin to transform your design variables into production-ready code with one click. It's a zero-config alternative to Style Dictionary, designed to make your design-to-development workflow seamless, fast, and error-free.

This project was created by Nate Mills to solve a common workflow problem for design and development teams.

The Problem It Solves

Manual token exporting from Figma is slow, error-prone, and creates a disconnect between design and development. Existing tools often lack the flexibility to export for multiple platforms natively. This plugin solves that problem by providing a fast, automated, and multi-format export pipeline.

Key Features

Multi-Format Export: Natively export your tokens to 6 different formats, ensuring your code speaks the language of every platform:

1. CSS (Custom Properties)
2. Swift (iOS Development)
3. Android (XML)
4. Flutter (Dart)
5. JSON (W3C Standard)
6. Tailwind CSS (JavaScript Config)

Intelligent Alias Resolution: Accurately resolves complex, nested variable aliases to their final, concrete values while preventing infinite loops.

Smart Name Sanitization: Automatically converts your Figma variable names (e.g., Spacing/5 (20px)) into the correct format for each platform (spacing-5 for CSS, spacing5 for Swift, spacing_5 for Android).

Context-Aware Unit Handling: Correctly identifies unitless tokens (like line-height or font-weight) and applies px units to all other dimensions.

How It Works

1. Organize Your Variables: Ensure your design tokens (colors, numbers, strings) are organized in Figma variable collections.
2. Launch the Plugin: Open Token Exporter. It will automatically detect and display your collections.
3. Filter Token Types: Use the toggles to select which token types you want to export (Colors, Numbers, States, Text).
4. Select Collections: Choose which variable collections you want to include.
5. Choose Formats: Select one or more export formats from the dropdown.
6. Generate Your Tokens: Click "Package Tokens" to generate and download your perfectly formatted files.

--------------------------------------------------

Support & Feedback

Having issues or suggestions for improvement?

We'd love to hear from you!

❖ Send me an email

❖ Visit my Website

❖ Connect on LinkedIn

--------------------------------------------------

Source Code & Contributions

This plugin is open-source! You can view the code, report issues, or contribute on GitHub.

❖ View on GitHub

--------------------------------------------------