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 fileGenerated Code StructureSingle Mode Collectionsclass Colors {static const Color primary = const Color.fromARGB(255, 13, 153, 255);static const double borderRadius = 8.0;}Multi-Mode Collectionssealed 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();@overrideColor get primary => const Color.fromARGB(255, 13, 153, 255);@overrideColor get background => const Color.fromARGB(255, 255, 255, 255);}class ColorsDark extends Colors {const ColorsDark();@overrideColor get primary => const Color.fromARGB(255, 13, 153, 255);@overrideColor 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 | 20 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