Criando Página de Receitas com Components, Variants e Auto Layout no Figma скачать в хорошем качестве

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