Tu sistema
En la appMira de qué están hechos los componentes.
Grails genera automáticamente una página de Anatomía para cada componente sincronizado: layout y propiedades, medidas, tokens vinculados y variantes.
Alpha cerrada: pide acceso sin costo durante el período.
La pestaña Anatomy de la página de un componente, dibujada como esquema: la matriz de variantes del componente con dos de ellas marcadas A y B, el token que cambia de una a otra, y la caja del elemento seleccionado con los tokens que vincula.
Desliza hacia los lados para ver la pantalla completa.
Capacidades
Lo que puedes hacer
Medidas generadas automáticamente
Cuando se sincroniza un componente, Grails inspecciona su estructura y genera un spec propio. Tu documentación se completa automáticamente con la anatomía y las medidas de cada componente, para que no tengas que empezar de cero.
Variantes como matriz
Visualiza los Component Sets de una forma familiar. Selecciona una variante de la cuadrícula para ver e inspeccionar sus propiedades y medidas.
Compara variantes
Selecciona 2 variantes de la tabla para obtener un resumen de lo que cambia entre ellas: anatomía, tokens, props y valores.
Inspecciona en cada nivel
Elementos, layout, propiedades y tokens detallados automáticamente. Un panel lateral muestra un Layout Tree View y un inspector con las Props y el box model del elemento seleccionado.
Tu documentación, ampliada
Tu documentación puede hacer más que mostrar relaciones. Cada entidad relacionada (token, componente, estilo) abre su propio panel de detalle.
Exportar
Exporta la documentación de un elemento como JSON, Markdown o una hoja en PNG.
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.