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
Seguir leyendo
- El ParteFigma Code Connect reduce tokensFigma Code Connect permite a los diseñadores mapear componentes de diseño con código real, lo que reduce la cantidad de tokens necesarios
- GuíaCómo se implementa un MCP server para tu design systemAnatomía mínima de un servidor Model Context Protocol que expone los tokens, principios y componentes de tu sistema a un cliente agéntico.
- GuíaTokens que le hablan al agenteUn valor de color es mudo: dice el qué, nunca el porqué. Con $extensions del estándar DTCG, cada token lleva su propia gramática (con qué se empareja, qué tiene prohibido, qué contraste garantiza) y el agente compone dentro de raíles en vez de adivinar.
Recibe la próxima guía en tu correo
Una guía operativa nueva cada poco: cómo se construye, qué decisiones implica y qué no se hace. Sin ruido, solo cuando hay algo útil.