Tu sistema
En la appEstilos de texto y de color, con los tokens que usan.
Tus estilos de texto y de color de Figma, con los tokens que vinculan a un clic.
Alpha cerrada: pide acceso sin costo durante el período.
La sección Styles, dibujada como esquema: grupos a la izquierda y una tarjeta por cada estilo de color, con su muestra y los tokens que vincula.
Desliza hacia los lados para ver la pantalla completa.
Typography
Capacidades
Lo que puedes hacer
Estilos de color
Cada tarjeta incluye la muestra de color, el nombre, una insignia PAINT, el estado de sincronización, la descripción y los tokens que vincula el estilo.
Estilos de texto
Las tarjetas de tipografía muestran una frase con el estilo aplicado, y la fuente, el peso, el tamaño y el interlineado como chips.
Tokens a un clic
Una tarjeta de color enumera como chips los tokens que vincula, y el panel de un estilo de texto los muestra. Abre un token para ver sus valores y alias.
Sincronizados desde Figma
Los estilos de color y de texto llegan con la sincronización del plugin, y el estado de cada tarjeta indica si la copia de Grails está al día.
Todo está relacionado
Conectado con
Nada en un design system funciona aislado. Estas son las funcionalidades con las que trabaja esta.
Mira tu propio design system en Grails.
Pide acceso, conecta el plugin de Figma y escanea un archivo. No se sincroniza nada hasta que tú lo inicies.
Durante la alpha trabajamos uno a uno con cada equipo para mejorar el producto. El acceso en este período es solo a pedido.