Variables 9000 | Hyper-optimized exports to CSS, JSON, Tailwind & more!

About this plugin

TLDR: 9000 stands for how good it is. Try it out!

-> Hyper-optimized.

Tested on files with more than 50,000 variables. It is truly lag-free.

-> Export groups.

You can search and select separate groups, subgroups (and subgroups' subgroups...) and filter them by modes. All this in an incredibly user-friendly UI. You can also select only the parent group (double-click) to export only the parent's direct variables.

-> Export modes.

Export whole modes. (What all other plugins offer if you wait for your system to unfreeze from the lag. None of that here.)

-> Configure exports.

Configure export format (CSS, Tailwind, JSON), units (px, rem) and color format (hex, rgb, hsl).

-> Copy or Download.

You can copy or download your whole selection. But you can also select "Split files" and download/copy only the group or mode that you want.

-> Full Figma design system support.

This plugin supports and can format colors, numbers, strings and booleans.