★ Unidade 15

Fluência em Figma

Ganhe velocidade e fluência na ferramenta que a maioria dos times de produto usa: frames e camadas, auto layout, redimensionamento e restrições, componentes e variantes, variáveis e modos, protótipos e handoff. Cada lição tem um quadro de design dentro da própria página, então você pratica cada ideia com as mãos antes de repetir no Figma.

🔒 A unidade 15 é para membros

As unidades 7 a 25 são para membros do bootcamp. Entre se você é aluno, ou inscreva-se para participar.

EntrarVoltar ao curso grátis

1O canvas, os frames e as camadasSaiba se localizar dentro de um arquivo de design, diferencie frames de grupos e mantenha as camadas organizadas o suficiente para qualquer pessoa trabalhar nelas.
2Auto layoutMonte botões, listas e cards que se reorganizam sozinhos, usando direção, gap, padding e alinhamento.
3Abraçar, preencher, fixo e restriçõesDecida como cada camada se comporta quando o recipiente dela ou o conteúdo dela muda de tamanho.
4Componentes e instânciasTransforme designs repetidos em componentes, coloque instâncias, sobrescreva o que pode variar e mude tudo de um único lugar.
5Variantes e propriedades de componenteOrganize as versões de um componente como variantes, exponha as propriedades certas e troque entre elas nas instâncias em vez de criar componentes novos.
6Estilos e variáveisGuarde cores e números como variáveis, aplique nas camadas e troque de modo, como claro e escuro.
7Prototipagem no FigmaConecte telas num fluxo clicável com as interações e animações certas, e apresente para testar.
8Colaboração e handoffPrepare um arquivo a partir do qual um desenvolvedor consiga construir, e colabore por comentários, versões e status claros.
★Um fluxo prototipado e construído com componentesProjeto