Back to Plugins
Styles & Variables Exporter
Export your figma styles and variables to JSON or code format
Plugin Preview
About this plugin
Styles & Variables Exporter is a Figma plugin that lets you quickly export your file’s colours, text styles, effects, grids, and variables into JSON, CSS Variables, or JavaScript. Perfect for design system documentation, developer handoff, and keeping design tokens consistent across platforms.
Plugin Details
| Version | 8 |
|---|---|
| Created | August 10, 2025 |
| Last Updated | September 30, 2025 |
| Category | Import & export plugins |
| Creator | Matthew Allen |
| Stats | 23 installs, 10 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
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