Back to Plugins
Variables to Flutter/Dart Export
Export variables collections as complete set of design tokens
Plugin Preview
About this plugin
A Figma plugin that exports design tokens (variables) to Dart code, perfect for Flutter development.
Features
- Export Variable Collections: Convert Figma variables to Dart classes
- Multi-mode Support: Handles collections with multiple modes using sealed classes
- Type Safety: Generates strongly-typed Dart code with proper Color and double types
- Alias Resolution: Automatically resolves variable aliases and references
- Copy & Download: Copy generated code to clipboard or download as a file
Generated Code Structure
Single Mode Collections
class Colors {
static const Color primary = const Color.fromARGB(255, 13, 153, 255);
static const double borderRadius = 8.0;
}
Multi-Mode Collections
sealed class Colors {
const Colors();
static const Colors light = ColorsLight();
static const Colors dark = ColorsDark();
Color get primary;
Color get background;
}
class ColorsLight extends Colors {
const ColorsLight();
@override
Color get primary => const Color.fromARGB(255, 13, 153, 255);
@override
Color get background => const Color.fromARGB(255, 255, 255, 255);
}
class ColorsDark extends Colors {
const ColorsDark();
@override
Color get primary => const Color.fromARGB(255, 13, 153, 255);
@override
Color get background => const Color.fromARGB(255, 18, 18, 18);
}
Plugin Details
| Version | 4 |
|---|---|
| Created | September 8, 2025 |
| Last Updated | November 18, 2025 |
| Category | Import & export plugins |
| Creator | Dominik Roszkowski |
| Stats | 7 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML