Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Crie uma experiência interativa em seu design no Figma, transformando-o em um protótipo navegável. Adicione links entre frames para simular a jornada do usuário, proporcionando uma visualização realista e facilitando a validação do fluxo antes da implementação final. A parte mais demorada foi concluída no nosso protótipo, que era a construção dele em si, agora vamos configurar a navegação no protótipo para permitir que nosso cliente possa navegar nas telas mais facilmente e entender melhor como o projetos funciona. 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 0:20 | Organizando a casa antes 3:55 | Entendendo a navegação do Figma 7:00 | Configurando navegação do header da aplicação 12:55 | Entendendo o ponto de entrada(entrypoint) do Figma 14:40 | Tentando o protótipo com navegação 15:30 | Finalização e agradecimentos CODARSE - Player e seus componentes #DesenvolvimentoWeb #UXDesign #CursoFigma #Prototipagem #FrontEnd #DesignResponsivo #UIUXDev #FerramentasDeDesign #WebDev #AnimaçõesEmFigma #DesignColaborativo #Wireframes #DesenvolvimentoÁgil #MelhoresPráticasDesign #InteracaoUsuario #ComponentesFigma #LayoutPágina #ExperienciaUsuarioWeb
