Componentes

Elementos de UI reutilizables que aseguran consistencia y permiten actualizaciones rápidas en proyectos de diseño. Los componentes se pueden crear a partir de capas, grupos o marcos.

Para crear un componente

Seleccione un marco o elemento, haga clic derecho y elija Crear componente o use el atajo Ctrl + Alt + K (Windows) o Cmd + Option + K (Mac).

Componentes maestros

Los componentes maestros se muestran en morado en el panel de Capas y se identifican por un icono de diamante cuádruple.

Instancias

Las instancias son duplicados del componente maestro, identificadas por un icono de diamante único. Para crear una instancia, arrastre desde el panel de Activos, duplique el maestro (Ctrl/Cmd + D), o cópielo y péguelo.

Cambios y sobrescrituras

Los cambios en el componente maestro actualizan automáticamente todas sus instancias. Las sobrescrituras, como cambios de color o texto, solo afectan a la instancia. Para restablecer sobrescrituras, haga clic derecho en una instancia y seleccione Restablecer todos los cambios. Para aplicar los cambios de una instancia al maestro, use Empujar cambios al componente principal en el panel de Diseño.

Desvincular una instancia

Para desvincular una instancia de su maestro y hacerla independiente, haga clic derecho y seleccione Desvincular instancia, vaya al panel de Diseño y seleccione Desvincular instancia, o use el atajo Ctrl + Alt + B (Windows) o Cmd + Option + B (Mac).

Restaurar un componente maestro eliminado

Seleccione una instancia, vaya al panel de Diseño y haga clic en Restaurar componente.

Compartir componentes

Los componentes se guardan localmente por defecto. Para compartirlos, haga clic derecho en un componente maestro y seleccione Publicar componentes seleccionados, o mueva el componente a un proyecto de equipo para que otros puedan acceder.