En el editor de Figma, seleccione las capas que desea incluir en su componente. Haga clic en el Componente en la barra de herramientas o utilice el método abreviado de teclado Cmd/Ctrl + Alt + K .
En Crear componente En el cuadro de diálogo, ingrese un nombre para su componente y seleccione una categoría. Haga clic en Crear. botón.
2. Utilice componentes.
Para usar un componente, simplemente arrástrelo desde Activos panel en su lienzo. También puedes utilizar el botón Insertar.> Componente elemento del menú.
Cuando inserta un componente, puede cambiar su tamaño, rotarlo y voltearlo como cualquier otra capa. Sin embargo, a diferencia de las capas normales, los componentes se pueden editar sin afectar a otras instancias del mismo componente.
3. Editar componentes
Para editar un componente, haga doble clic en él. Esto abrirá el componente en modo de edición. En el modo de edición, puede realizar cambios en el diseño del componente. Cualquier cambio que realice se aplicará a todas las instancias del componente.
4. Eliminar componentes
Para eliminar un componente, selecciónelo en el lienzo y presione Eliminar. llave. Esto eliminará el componente de Activos. panel y de todos los casos en los que se utilice.
5. Administrar componentes
Los activos El panel es donde puede administrar sus componentes. Puedes arrastrar y soltar componentes, o puedes usar el Filtro para buscar componentes específicos.
Para exportar componentes, selecciónelos en Activos y haga clic en Exportar. icono. Puede exportar componentes como archivos SVG, PNG o JSON.
Consejos para usar componentes en Figma
- Utilice componentes para crear diseños consistentes. Los componentes pueden ayudarle a mantener la coherencia de sus diseños al garantizar que todas las instancias de un elemento en particular tengan la misma apariencia y comportamiento.
- Utilice componentes para acelerar su flujo de trabajo. Los componentes pueden ahorrarle tiempo al eliminar la necesidad de crear los mismos elementos una y otra vez.
- Utilice componentes para compartir su trabajo de diseño con otros. Los componentes facilitan compartir su trabajo de diseño con otras personas, incluso si no tienen acceso al editor Figma.
Conclusión
Los componentes son una característica poderosa de Figma que puede ayudarlo a crear diseños consistentes y cohesivos. Al utilizar componentes, puede acelerar su flujo de trabajo y compartir su trabajo de diseño con otros.