Luckino - Variables Import/Export JSON & CSS

About this plugin

This plugin helps bridge the gap between Figma Variables and your design system implementation by allowing you to:

Import design tokens:

Import design tokens from W3C-compatible JSON format into Figma Variables

Preview tokens before importing to validate structure and values

Seamlessly map token values to the appropriate variable types

Support for color, number, and alias references

Export as standard formats:

Export Figma Variables to JSON following the W3C Design Tokens format

Generate CSS variables for immediate use in web development

Maintain references between variables during import/export

Filter by collections, modes, and variable types

Perfect for design system teams who want to keep Figma Variables in sync with their codebase, allowing designers and developers to work with the same source of truth.