Uso de Figma

Componentes y variantes

Documentar componentes y sus casos de uso

¿Qué son los componentes y las variantes?

Los componentes son la agrupación de uno o varios elementos que se repiten en distintas pantallas, por lo cual lo cual pueden ser reutilizables.

Por otro lado, las variantes son una versión modificada de un patrón, puedes lograr diferentes variaciones de un componente permitiendo organizar mejor tu espacio de trabajo, además de ahorrar tiempo durante el proceso de diseño.

⁠

Componentes

Estos son algunos de los temas que verás en el siguiente video.

Creación de componentes

Utilizar instancias y diferenciarlas de los componentes principales

Recomendaciones para organizar tus componentes

Ventajas de utilizar componentes

Desligar tus instancias del componente principal

⁠

Puedes seguir profundizando en este tema, te recomendamos la

documentación oficial⁠

de Figma.

Variantes

En el siguiente video podrás profundizar en la creación de las variantes de tus componentes y en sus propiedades y valores.

⁠

Aquí puedes consultar la

documentación oficial⁠

de figma.

Componentes + variantes + autolayout

⁠

Otros recursos

⁠

Visita este enlace y conoce más ejemplos sobre este tema⁠

⁠

Más sobre componentes⁠

⁠

Ayúdanos a seguir mejorando nuestro contenido🤩

Puedes dejarnos tu comentarios

aquí⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.