- 1. Comece por aqui – O que é Vibe Design 3min
- 2. Comece por aqui – Trilha AI Designer 1min
Conteúdo da trilha
Fundamentos do Vibe Design
BloqueadoDomine o conceito de Vibe Design e crie interfaces utilizando AI, focando na extração de inteligência visual de referências para construir sites profissionais.
- 1. Apresentação 1min
- 2. O que serei capaz de fazer? 2min
- 3. Erros comuns ao codar com AI 6min
- 4. Image + Prompt 11min
- 5. A base para o design system 10min
- 6. Aplicando o DS 8min
+ 6 aulas neste curso
Transforme conceitos visuais em sites reais e funcionais em tempo recorde, utilizando IAs generativas para escrever, estruturar e publicar código estático.
- 1. Que site vamos construir? 2min
- 2. Quais ferramentas? 2min
- 3. HTML, CSS e JS (e a lógica da Web) 7min
- 4. Os 3 princípios fundamentais 4min
- 5. Git 3min
- 6. Criando o nosso vídeo com Whisk e Google Flow 10min
+ 8 aulas neste curso
Crie e publique sites rápidos, organizados e profissionais com Astro.
- 1. Introdução: Por que você precisa de uma ferramenta melhor que HTML puro 2min
- 2. Conheça o Astro: sites rápidos por natureza / Astro, WordPress ou construtores prontos 1min
- 3. Preparando seu computador: passo a passo, sem mistério 3min
- 4. Como um site Astro se organiza: páginas, layouts e componentes 4min
- 5. Aproveitando os sites que você já criou 3min
- 6. O projeto do curso: um site completo de 3 páginas 1min
+ 22 aulas neste curso
Portfólio com Vibe Design
BloqueadoCrie um portfólio de alto nível visual do absoluto zero, utilizando IA para desenvolver interfaces profissionais com animações 3D e scroll sem escrever código.
- 1. Introdução – Portfólio com Vibe Design 1min
- 2. Projeto na prática 36min
Ferramentas
Conteúdo eletivoDomine o Claude Design e descubra como utilizar IA para acelerar a criação de projetos, explorar ideias e melhorar seus fluxos de design.
Aprenda a usar o Google Antigravity do zero e crie sites, sistemas e automações com inteligência artificial sem escrever uma linha de código.
Aprenda a utilizar o Cursor 3 para desenvolver aplicações com o apoio de Inteligência Artificial. Neste curso você conhecerá os principais recursos da IDE, apre
Domine o controle de versões! Curso introdutório de Git e GitHub para salvar e compartilhar seus projetos!
Técnicas
Conteúdo eletivoAprenda a criar imagens profissionais com IA para sites, landing pages e e-commerce usando os principais modelos do mercado.
Transforme sites antigos em interfaces modernas e profissionais usando IA, Design Systems e técnicas de recombinação de código de forma rápida e eficiente.
Projetos práticos
Conteúdo eletivoExtraia modelos 3D, aplique texturas e anime tudo com GSAP para criar um site imersivo da Red Bull.