Componentes de Figma: Creación Eficiente de Sistemas de Diseño Reutilizables
Elementos de interfaz reutilizables que garantizan la coherencia y permiten actualizaciones rápidas en proyectos de diseño. Los componentes pueden crearse a partir de capas, grupos o marcos.
Para crear un componente
Seleccionar un marco o elemento, hacer clic derecho y elegir Crear componente o usar el atajo Ctrl + Alt + K (Windows) o Cmd + Option + K (Mac).
Componentes principales
Los componentes principales se muestran en morado en el panel de Capas y se identifican con un icono de diamante cuádruple.
Instancias
Las instancias son duplicados del componente principal, identificados por un icono de diamante único. Para crear una instancia, arrastrar desde el panel de Activos, duplicar el principal (Ctrl/Cmd + D) o copiar y pegarlo.
Cambios y sobrescrituras
Los cambios en el componente principal actualizan automáticamente todas sus instancias. Las sobrescrituras, como cambios de color o texto, solo afectan a la instancia. Para restablecer las sobrescrituras, hacer clic derecho en una instancia y seleccionar Restablecer todos los cambios. Para aplicar los cambios de una instancia al principal, usar Enviar cambios al componente principal en el panel de Diseño.
Separar una instancia
Para separar una instancia de su principal y hacerla independiente, hacer clic derecho y seleccionar Separar instancia, ir al panel de Diseño y seleccionar Separar instancia, o usar el atajo Ctrl + Alt + B (Windows) o Cmd + Option + B (Mac).
Restaurar un componente principal eliminado
Seleccionar una instancia, ir al panel de Diseño y hacer clic en Restaurar componente.
Compartir componentes
Los componentes se guardan localmente por defecto. Para compartirlos, hacer clic derecho en un componente principal y seleccionar Publicar componentes seleccionados, o mover el componente a un proyecto de equipo para que otros puedan acceder.
1. ¿Qué color representa a los componentes principales en el panel de Capas?
2. ¿Cuál es el propósito de sobrescribir una instancia?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain the difference between a master component and an instance?
How do I reset overrides on a component instance?
What happens if I delete a master component by accident?
Awesome!
Completion rate improved to 2.78Componentes de Figma: Creación Eficiente de Sistemas de Diseño Reutilizables
Desliza para mostrar el menú
Elementos de interfaz reutilizables que garantizan la coherencia y permiten actualizaciones rápidas en proyectos de diseño. Los componentes pueden crearse a partir de capas, grupos o marcos.
Para crear un componente
Seleccionar un marco o elemento, hacer clic derecho y elegir Crear componente o usar el atajo Ctrl + Alt + K (Windows) o Cmd + Option + K (Mac).
Componentes principales
Los componentes principales se muestran en morado en el panel de Capas y se identifican con un icono de diamante cuádruple.
Instancias
Las instancias son duplicados del componente principal, identificados por un icono de diamante único. Para crear una instancia, arrastrar desde el panel de Activos, duplicar el principal (Ctrl/Cmd + D) o copiar y pegarlo.
Cambios y sobrescrituras
Los cambios en el componente principal actualizan automáticamente todas sus instancias. Las sobrescrituras, como cambios de color o texto, solo afectan a la instancia. Para restablecer las sobrescrituras, hacer clic derecho en una instancia y seleccionar Restablecer todos los cambios. Para aplicar los cambios de una instancia al principal, usar Enviar cambios al componente principal en el panel de Diseño.
Separar una instancia
Para separar una instancia de su principal y hacerla independiente, hacer clic derecho y seleccionar Separar instancia, ir al panel de Diseño y seleccionar Separar instancia, o usar el atajo Ctrl + Alt + B (Windows) o Cmd + Option + B (Mac).
Restaurar un componente principal eliminado
Seleccionar una instancia, ir al panel de Diseño y hacer clic en Restaurar componente.
Compartir componentes
Los componentes se guardan localmente por defecto. Para compartirlos, hacer clic derecho en un componente principal y seleccionar Publicar componentes seleccionados, o mover el componente a un proyecto de equipo para que otros puedan acceder.
1. ¿Qué color representa a los componentes principales en el panel de Capas?
2. ¿Cuál es el propósito de sobrescribir una instancia?
¡Gracias por tus comentarios!
