Back to Plugins
Zeytal Variables Extractor
From Figma to Code In One Command Line
Plugin Preview
About this plugin
Zeytal helps developers extract and optimize SVGs, transform Figma styles and variables, and generate TailwindCSS config files effortlessly.
This plugin helps Zeytal users leverage their Figma variables.
Zeytal Features
- Extract and optimize SVGs
- Extract and convert Figma variables to
.ts,.js,.json,.css,.scss,.sass, and.lessfiles - Extract and convert Figma styles to
.ts,.js,.json,.css,.scss,.sass, and.lessfiles - Convert Figma styles and variables to TailwindCSS v4 config files.
This Plugin
This plugin helps Figma users prepare their Figma files for Figma variables extraction and code generation.
How it works :
- Start the plugin.
- Click on one button to export your Figma variables to Zeytal
- Use Zeytal CLI to generate your code and config files
Everything is explained in detail in Zeytal documentation.
Plugin Details
| Version | 3 |
|---|---|
| Created | May 9, 2025 |
| Last Updated | May 20, 2025 |
| Category | Software development |
| Creator | PROVOK |
| Stats | 3 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.global.js
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.zeytal.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.