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
- Passo 1: Acesse nossa bio oficial
- Passo 2: Clique no link para entrar no grupo do WhatsApp
- Passo 3: Fique atento às atualizações, pois o link da aula será
divulgado por lá
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
WordPress
CMS utilizado para criação do projeto final
HTML & CSS
Marcação e estilo do layout criado
JavaScript
Linguagem para comportamentos dinâmicos
GSAP
Biblioteca de animações avançadas
Figma
Ferramenta de design usada na primeira aula
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
- Você já assistiu a aula de design no Figma
- Você entrou no grupo do WhatsApp para acessar os links
- Você sabe onde será a aula de hoje: YouTube, às 19h
- Você separou tempo e está com editor e navegador abertos
- Você está animado para ver o layout ganhar vida com código
Perguntas frequentes
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.
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.