Criando Página de Receitas com Components, Variants e Auto Layout no Figma

Описание: ATENÇÃO: Este conteúdo foi criado antes da atualização da interface do Figma para o UI3. Caso você esteja usando a nova interface, alguns elementos estão em localizações diferentes.

Neste vídeo, vamos mergulhar na criação de uma página de um aplicativo de receitas usando Components, Variants e Auto Layout no Figma, mantendo a consistência visual em todo o projeto. Por fim vamos criar uma versão da página em Modo escuro de forma rápida e simples.

Recursos Necessários:
Acesso ao Figma (gratuito em figma.com)
Download das imagens necessárias pelo link: https://www.dropbox.com/s/9qmv3c85q3t...

O Que Você Vai Aprender:

0:00 - Introdução
0:43 - Criação da base de componentes para elementos recorrentes usando variantes
2:22 - Organização da estrutura base do card da receita
2:58 - Criação do layout utilizando Auto Layout
7:42 - Desenvolvimento do componente do card de receita
8:13 - Otimização do componente para garantir responsividade
9:22 - Utilização de componentes para criar uma página de lista de receitas
14:56 - Implementação da versão Dark Mode utilizando variantes

👉 Baixe o arquivo na Figma Community: https://www.figma.com/community/file/...

Inscreva-se no Canal para Mais Conteúdo:
Não se esqueça de se inscrever no nosso canal para receber atualizações sobre os próximos vídeos de design de aplicativos, tutoriais de Figma e muito mais. Junte-se à nossa comunidade de designers em busca de aprendizado e crescimento!

Compartilhe e Deixe Seu Feedback:
Se este vídeo foi útil para você ou se você tem alguma sugestão, compartilhe-o com seus amigos e deixe seu feedback nos comentários abaixo. Estamos sempre procurando maneiras de melhorar e fornecer o melhor conteúdo possível para você.

Esperamos que este tutorial o ajude a criar páginas de aplicativos de receitas incríveis! Obrigado por assistir e até o próximo vídeo!

🎵 Música de Abertura por Estevão Andrade. Conheça mais o trabalho dele em:

👉 Spotify: https://open.spotify.com/artist/1s0aT...

📷 Siga no Instagram:   / estevaoandradeguitar  

#figma #dailyui #ui #uidesign #tutorial #figmatutorial