Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Figma para DEVs: #07 - Componente de header em detalhe de curso
Play lesson

🎩 Curso de Figma para DEVs - Figma para DEVs: #07 - Componente de header em detalhe de curso

4.0 (3)
34 learners

What you'll learn

This course includes

  • 6.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Eleve a qualidade e consistência do seu design no Figma ao incorporar estratégias avançadas de componentização e estilos. Essa prática não apenas agiliza o processo criativo, mas também estabelece uma base sólida para colaboração, garantindo resultados profissionais e coesos em cada projeto. Nessa aula vamos criar o componente de header, ele será responsável por informar ao nosso aluno o título do curso, a descrição, a quantidade de aulas e ainda terá um botão para compartilhar o curso. 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 1:10 | Criando componente de header 4:40 | Criando o componente reutilizável 5:50 | Criando variáveis de cor 6:20 | Utilizando o componente na tela 7:00 | Criando descrição do curso 10:30 | Adicionando ellipses no Figma 12:00 | Adicionando botão de compartilhar 20:00 | Finalização e agradecimentos CODARSE - Detalhe de curso 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere