Design do Figma

Conheça a interface

Utilidades do arquivo

• Usar o menu de ações no Figma Design
• Atalhos de teclado no Figma

Criar designs

Criar e editar camadas

• Estruturas no Figma Design
• Ferramentas de formas

Trabalhe com camadas

• Editar objetos em massa no canvas
• Relacionamentos entre pais, filhos e irmãos
• Ajustar o alinhamento, a rotação e a posição
• Medir distâncias entre camadas

Propriedades adicionais

• Ajustar o raio do canto e suavização

Criar sistemas de design

Componentes

• Guia de componentes no Figma

Variáveis

• Visão geral de variáveis, coleções e modos

Criar e compartilhar bibliotecas

• Guia para bibliotecas no Figma

Modo de desenvolvimento

Inspecionar designs

• Comparar alterações no Dev Mode
• Adicionar medidas e fazer anotações em designs no Dev Mode

Transformar designs em códigos

• Code Connect
• Usar trechos de código no Dev Mode
• Vincule recursos de desenvolvimento a camadas no Dev Mode
• Figma para VS Code

Dev Mode em toda a sua organização

• Status e notificações do Dev Mode
• Visualização em foco do Dev Mode
• Visualização Pronto para desenvolvimento do Dev Mode
• Gerenciar as configurações do Dev Mode para uma organização

Criar protótipos

Guias

• Guia de prototipagem no Figma
• Usar vídeos em protótipos

Criar protótipos

• Criar e gerenciar fluxos de protótipos
• Comportamento de transbordo e rolagem do protótipo

Prototipagem avançada

• Usar variáveis em protótipos

Importar e exportar

• Importar arquivos para o navegador de arquivos
• Importar arquivos do Sketch
• Exportar a partir do Figma
• Formatos e configurações de exportação

Trabalhe de forma colaborativa nos arquivos

Comentários

• Adicionar comentários aos arquivos
• Gerenciar notificações por e-mail para comentários em arquivos