Tutorial para aprender a criar e usar componentes no Figma com variantes e instâncias.
Os componentes são elementos de design reutilizáveis que permitem manter a consistência da sua interface de usuário e facilitar as alterações.
As variantes, por sua vez, são versões modificadas de um componente que podem ser usadas para exibir elementos da IU de maneira diferente, dependendo do estado ou da condição.
Eu o guio passo a passo na criação e uso de componentes e variantes no Figma, para que você possa otimizar suas futuras maquetes e IU.
00:00 Componentes, Variantes e Instâncias Figma
01:35 Digidop Academia
01:53 Criar um componente
02:59 Criar variantes
03:50 Criar uma instância
04:10 Adicionar uma propriedade "Texto"
05:47 Adicionar uma propriedade "Troca de Instância"
06:37 Adicionar uma propriedade "Booleano"
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// RECURSOS
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// SOBRE A DIGIDOP
A Digidop é uma agência Webflow premiada por dois anos consecutivos nos Webflow Awards.
Desde 2021, acompanhamos as equipes de marketing e TI do design ao desenvolvimento de sites, com mais de 150 empresas atendidas.
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// SOCIAL
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// HASHTAGS
#figma #tuto #componentes
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// OBRIGADO