← Todos los plugins

Token Converter

Tus variables y estilos como código para cualquier plataforma, en cualquier plan de Figma, con un registro de lo que cambió.

Prueba la versión web gratis: Convertidor de design tokens →

Qué hace

Token Converter lee tus variables y estilos locales con la API de plugins, así que funciona en cualquier plan de Figma y en Dev Mode, y los convierte en código: variables CSS, SCSS, @theme de Tailwind v4 o una configuración v3, JS y TypeScript, JSON plano, tokens W3C, Style Dictionary, SwiftUI, Android XML, Jetpack Compose, Flutter y una tabla en Markdown para personas y herramientas de IA.

Los alias siguen siendo alias (o se resuelven), los modos se vuelven atributos data, clases o media queries, y los estilos de texto, sombra y degradado se vuelven tokens compuestos. Una instantánea en el archivo muestra qué cambió desde la última exportación, incluidos los renombres, como un registro de cambios. Los tokens JSON se importan de vuelta a variables.

  1. Variables a Tailwind v4, listas para pegar

    @theme con espacios de nombres, modos en una capa base, alias conservados.

  2. Swift, Compose, Android, Flutter

    Los mismos tokens para cada plataforma, con valores oscuros.

  3. Qué cambió desde la última exportación

    Cambiados, agregados, renombrados y eliminados, como registro para el PR.

  4. Tus nombres, tus formatos

    Formatos de color, selectores de modo, prefijos y perfiles guardados.

Todo lo que hace

Salidas

  • CSS, SCSS, Tailwind v4 y v3, JS, TS, JSON
  • Tokens W3C y Style Dictionary
  • SwiftUI, Android XML, Compose, Flutter
  • Una tabla en Markdown para documentación y herramientas de IA

Control

  • Alias como referencias o resueltos, modos como selectores o media queries
  • Hex, RGB, HSL u OKLCH, rem con tu base
  • Estilos de texto, sombra y degradado como tokens
  • Perfiles guardados por plataforma

Ida y vuelta

  • Cambios desde la última exportación, incluidos los renombres
  • Importa tokens W3C de vuelta a variables
  • Funciona en Dev Mode

10 usos gratis, luego una licencia o Lab Pro. Ver precios →

Más plugins