Variables 9000 | Hyper-optimized exports to CSS, JSON, Tailwind & more!
by axxel
Export variables by modes, groups and collections. The best variable exporter plugin on Figma.
Installs
38
Likes
16
Users
377
Views
318
Preview
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.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF