Aprenda a criar um layout com Figma
Veja como desenvolvemos na prática um layout criado no Figma usando WordPress, HTML, CSS, JavaScript e GSAP
Por que isso é importante
Aprenda a criar um layout com Figma. Veja como desenvolvemos na prática um layout criado no Figma usando WordPress, HTML, CSS, JavaScript e GSAP
O que já rolou no minicurso
Na primeira aula do minicurso, que foi segunda-feira, trabalhamos a parte de design. Usamos o Figma pra criar junto um layout moderno e responsivo, focado em estrutura estratégica e componentes reutilizáveis.
O que faremos na segunda aula de hoje
Hoje, quarta-feira às 19h, vamos colocar a mão no código! A proposta é programar esse layout do zero, de forma didática e prática, usando WordPress como estrutura principal e tecnologias como HTML, CSS e JavaScript com animações em GSAP.
Você pode acompanhar mesmo sendo iniciante
Tudo vai ser explicado passo a passo, com foco didático, de forma que até quem tá começando agora vai conseguir aprender fácil e aplicar nos próprios projetos.
Atenção
Não precisa ter experiência profissional pra acompanhar. O foco é exatamente quebrar essas barreiras iniciais e desmistificar o processo de criação.
Como acessar o link da aula e os materiais bônus
O vídeo da aula e os materiais extras — fontes, ícones e arquivo do layout no Figma — estão sendo compartilhados só no nosso grupo do WhatsApp.
Como garantir seu acesso
Info
Todo suporte, arquivos e correções comentadas tão sendo postados só no grupo. Entra lá pra não perder atualizações.
Tecnologias que usaremos na aula
HTML & CSS
Marcação e estilo do layout criado
JavaScript
Linguagem para comportamentos dinâmicos
Aviso
O link do YouTube da aula de hoje não vai ser público direto no canal. Vai ser compartilhado só no grupo do WhatsApp.
Horário da aula: marca no calendário
A segunda aula do minicurso é HOJE, 19h em ponto, no nosso canal do YouTube. Chega com antecedência pra garantir que tá tudo funcionando.
Checklist para acompanhar a segunda aula
Continue lendo
Como criar layouts criativos e modernos com Figma, design visual e UX
Descubra como evoluir sua criatividade no design web, construir landing pages modernas e se destacar adotando as...
Como Ser Web Designer em 2026: Guia Definitivo do Zero ao Sucesso
Saiba os passos, ferramentas, conhecimentos e estratégias essenciais para quem quer iniciar e crescer no mercado de...
Como Criar Sites de Experiência: Parallax, Scroll Suave e Animações Interativas
O segredo por trás dos sites mais gostosos de navegar. Aprenda como construir experiências, não só páginas.
Como criar interfaces web 2D dinâmicas sem código no Spline HANA
Descubra como utilizar o editor HANA do Spline para construir rapidamente interfaces animadas, responsivas e...