Variantes organizadas en filas, columnas y grupos.
Para quién
Equipos que mantienen bibliotecas de componentes
Alcance
Plugin · Component Sets · Organización visual
En foco
Component Sets / Variantes / Organización del lienzo
La idea
PoderleerunComponentSetsinperderseenellienzo.
Un conjunto de variantes puede estar bien construido y aun así ser difícil de recorrer. Diseñé Sort your variants para ordenar sus propiedades en filas, columnas y grupos, y hacer más fácil comparar los estados del componente.
Antes y después
Deunmontóndevariantesaunagrillaqueselee.
Ordena cualquier Component Set en una grilla limpia y rotulada, con un clic.
El panel reúne las propiedades, los espacios y las etiquetas. La configuración se guarda por Component Set, para volver a organizarlo con los mismos ajustes.
Etiquetas
Etiquetasquecombinancontuarchivo.
Relleno, borde, radio, fuente, tamaño y color, guardados con cada Component Set. Las etiquetas de columnas giran cuando falta espacio.
Por defecto
SmallMediumLargeButton
DefaultButtonButtonButton
HoverButtonButtonButton
DisabledButtonButtonButton
Tu estilo
SmallMediumLargeButton
DefaultButtonButtonButton
HoverButtonButtonButton
DisabledButtonButtonButton
Giran cuando falta espacio
Extra smallMediumExtra largeButton
Default+++
Hover+++
Disabled+++
Bloques
Setsgrandes,divididosenbloques.
Agrupa columnas o filas por cualquier propiedad. Cada bloque lleva su propia etiqueta.
Para posicionar las variantes, el plugin desactiva Auto Layout en el Component Set. Guarda la configuración y las etiquetas asociadas al conjunto; el contenido de cada variante se conserva.
