Summary

Keywords

curso grátis auto layout Design de Interface Desenvolvimento de UI Prototipagem Ferramentas de Design UX/UI Design Gráfico Curso de Figma Desenvolvimento Web Front-end Interface de Usuário

Full Transcript

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA No Figma é possível criar uma variedade infinita de protótipos, neles podemos usar uma imensa quantidade de recursos e técnicas para deixar o protótipo em questão mais único e fiel a visão que o especialista tem. Um dos recursos muito usados nos protótipos é a diversidade de telas, simulando perfeitamente o comportamento de uma aplicação real. Nessa aula vamos criar mais uma tela para o nosso protótipo, complementando ainda mais a diversidade de recursos que já vimos no Figma. Links mencionados no vídeo: 🅵 Figma - https://figma.com 🗨️ Discord - https://discord.gg/ZC7JrPZn7P Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc ⭐️ Curso de React com typescript - https://youtu.be/1bEbBkWc4-I 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Conteúdo: 0:00 | Introdução 2:50 | Duplicando a página inicial 3:40 | Ajustando o header 4:50 | Removendo coisas desnecessárias 5:30 | Criando conteúdo da tela de cursos 6:00 | Adicionando cards em grid 7:40 | Configurando quebra de linha para a lista de cards 9:00 | Reflexão 9:50 | Recriando conteúdo como uma variante de seção 11:50 | Adicionando uma variante para o componente de seção 14:30 | Configurando nome de propriedade para o componente e as variantes 17:00 | Recriando o conteúdo da variante v-list 20:15 | Removendo o botão de scroll manual 20:50 | Finalização e agradecimentos CODARSE - Componentização e mais telas #DesenvolvimentoWeb #UXDesign #CursoFigma #Prototipagem #FrontEnd #DesignResponsivo #UIUXDev #FerramentasDeDesign #WebDev #AnimaçõesEmFigma #DesignColaborativo #Wireframes #DesenvolvimentoÁgil #MelhoresPráticasDesign #InteracaoUsuario #ComponentesFigma #LayoutPágina #ExperienciaUsuarioWeb