Jueves 11 Agosto 2022. La clase trato de la creación de nuestro primeros botones y el manejo de los componentes en figma.
Los componentes son elementos que se pueden reutilizar. Se pueden crear componentes a partir de capas o grupos de capas que hemos diseñado: pueden ser botones, iconos, o diseños más complejos como pies de página o menús.
Cada vez que realicemos un cambio en las propiedades de un estilo, como cambiar el color del texto de rojo a azul, Figma aplicará estos cambios a cualquier objeto que tenga ese estilo aplicado.
¿Cómo crear un componente en Figma?
Es muy fácil crear un componente en Figma, lo único que tienes que hacer es seleccionar todos los elementos que van a conformar el componente y pulsar el botón en la barra superior “Create Component” o pulsar “Cntrl+Alt+K”
Lo que vas a obtener es un Componente principal, el cual puedes copiar las veces que necesites, esto se puede aplicar para propiedades básicas del diseño como títulos, botones, cajas de texto, y también puede ser aplicado a elementos complejos como cards o segmentos de una página.
Al momento de modificar las propiedades de los elementos siempre debes remitirte al componente principal para que los cambios se vean reflejados en todas las copias.
Como trabajo de investigación me dedico a la creación de mascaras en figma.
En el Frame de moléculas se crean los botones y organismos mas compuestos como es el header.
Ya comienzo a entender mas sobre la interfaz de Figma. Los elementos están mas familiarizados y se asimila mas la idea de design system