Back to Plugins
StylesToVariables
Convierte los estilos de tu proyecto en variables listas para usar.
Plugin Preview
About this plugin
V1.0
StylesToVariables organiza visualmente tus colores en grupos o carpetas y genera automáticamente código en CSS, Tailwind 3 y Tailwind 4.
Próximamente podrás exportar también tipografías, espaciados y otros estilos, manteniendo tu diseño consistente y tu workflow eficiente.
Características principales:
- Agrupa colores por carpeta o categoría.
- Genera bloques de código listos para
CSS, Tailwind 3,yTailwind 4. - Overlays interactivos con scroll y copia rápida.
- Código resaltado y formateado para lectura rápida.
Plugin Details
| Version | 1 |
|---|---|
| Created | October 22, 2025 |
| Last Updated | October 22, 2025 |
| Category | Software development |
| Creator | Adrián Pernas |
| Stats | 3 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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 - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.