Glosario

Tokens Studio

Complemento (plugin) para Figma que sirve para crear, organizar y mantener sincronizados los tokens (los valores guardados de diseño). Entiende el formato estándar W3C DTCG y puede exportar los tokens al código con la herramienta Style Dictionary.

En una analogía · Es el panel de mando dentro de Figma para tus decisiones de diseño: defines y sincronizas tokens sin salir de la herramienta.


Tokens Studio resuelve un problema típico: que los valores de diseño vivan en Figma de una manera y en el código de otra, y que se desincronicen. Con este plugin se definen una sola vez y se mantienen alineados entre la herramienta de diseño y el código.

Que use un formato estándar (W3C DTCG) importa porque evita quedar atado a una sola herramienta: esos tokens los pueden leer otros programas, incluida una IA que genere interfaces.

Lecturas de referencia

A seguir

  • Jan Six (Tokens Studio)
  • Joren Broekema