Jueves 18 Agosto 2022. La clase trata de un trabajo particular, se continua trabajando en moléculas y organismos.
En los estudios de youtube continuo estudiando de este canal. estamos investigando sobre la comunidad e Figma.
En el proyecto se han creado variadas varientes en la molesculas y orgnanismos
En pocas palabras, esta nueva funcionalidad te permitirá combinar diferentes variaciones de un mismo componente.
Para que te lo imagines, tendrás un solo componente (un botón, por ejemplo) y mediante el panel de Inspector podrás modificar su estado, tamaño, si lleva o no iconos…
Antes de nada, lo primero que tienes que tener en cuenta es que los variants se aplican a Components y, en concreto, a los llamados Multiple Components, que son nuevos:
Los Multiple Components en Figma
A. Moléculas. Combinación de varios componentes para dar sentido
Las moléculas tienen una función específica para la cual necesitan varios átomos. En interfaces, por ejemplo, una sección como comentario de Twitter, otra de YouTube con la opción “me gusta” o “no me gusta”, un avatar o el menú en los videos de Platzi para avanzar o retroceder en la clase, todos ellos son moléculas.
Están compuestas por elementos más pequeños, como un botón o cuadro de texto. Este es el segundo nivel. Crear moléculas es simple, recuerda que deben tener una función única en la aplicación.
B. Organismos. Sección definida en la aplicación
Los organismos pertenecen a un nivel mucho más complejo. Lo más interesante es que tienen vida propia y pueden interactuar en una manera muy amplia con otros organismos.
En el diseño de interfaces, imagina el header, que está compuesto de varios elementos y tiene un impacto en la app. Imagina también una sección como una tienda de ropa en la página web: Cada artículo consta de una imagen, precio y un orden particular. Puedes verlo así:
Átomo⇒ imagen, precio, descripción.
Molécula ⇒ el cuadro que contiene a la imagen, el precio y a la descripción
Organismo ⇒ todos los cuadros de productos ordenados en forma de tabla
El organismo puede usar moléculas del mismo tipo o diferentes. El punto clave, es que no trates de abarcar tanto y asegurarte de que pertenezcan a una sección definida en la app.
