Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Curso do FIGMA ao código. O design da interface web completo
Bestseller
Highest Rated
Rating: 4.9 out of 5(612 ratings)
4,696 students

Curso do FIGMA ao código. O design da interface web completo

Construa Interfaces de usuários (UI) INCRÍVEIS com o FIGMA e transforme tudo em páginas na web com HTML e CSS
Last updated 7/2026
Portuguese
Portuguese [Auto],

What you'll learn

  • Figma
  • HTML
  • CSS
  • Desenvolvimento de Interfaces de usuário (UI)

Course content

35 sections533 lectures95h 16m total length
  • Introdução8:43
  • ANTES DE COMEÇAR1:15
  • Interaja com a comunidade0:12
  • Referências Bibliográficas0:13

Requirements

  • Nenhum conhecimento prévio. O curso é voltado para iniciantes

Description

Figma, HTML e CSS: Tríade necessária para se tornar mestre do Design de interface Web


- FIGMA

O Figma não é só uma ferramenta de design para web, na verdade, é muito mais do que isso.

O Figma é uma ferramenta de desenvolvimento de UI (User interfaces) baseado em três pilares:

- Desenvolvimento colaborativo para trabalhos em equipe.

- Prototipação para teste e validação das ideias antes do projeto ser desenvolvido

- Hand off, ou seja, facilita a comunicação e a entrega dos assets para as pessoas que vão de fato construir o código do produto web.


Ou seja, o Figma é uma ferramenta completa (web design, prototipação e testes de interfaces web, suporta trabalho em equipes e entrega para o desenvolvedor) que permite projetar UI de produtos digitais).


Nesse curso nós vamos abordar o Figma de maneira aprofundada, partindo do absoluto zero. Nós vamos criar nossos componentes responsivos, usar e abusar de auto-layout, vamos trabalhar com style guides criados por nós e finalizar com a prototipação, simulando projetos do mundo real.


- HTML & CSS

Agora que você domina o Figma para criar interfaces elegantes e funcionais, está na hora de transformar tudo em código HTML e CSS, pois assim o que foi projetado e prototipado está pronto para ser desenvolvido.


Nessa parte do curso você vai conhecer a fundo o HTML e o CSS e transformar seus projetos feitos no Figma em códigos pronto para publicação on-line.


Portanto a ideia desse curso é te mostrar os princípios do web design e do design de interface de usuário(UI). Vamos partir do básico e ir avançando aos poucos até conseguirmos desenvolver nossas páginas web construídas de forma profissional, de alto impacto visual e com muito estilo.


Domine o Design da Web e construa design interfaces de usuários incríveis com o Figma, HTML & CSS.

Who this course is for:

  • Todas as pessoas que querem ingressar na área de web design, design de interface UI ou UX design.
  • Todas as pessoas que querem dominar o Figma, o HTML e o CSS
  • Quem está querendo ingressar na área como web designer
  • Quem quer aprender ou evoluir na área de design de interface web UI