Espelho para leitura / SEO / IAs

Currículo completo — Creative Builders

Esta página lista trilhas, módulos e aulas em texto corrido (sem componentes expansíveis). A versão visual está em /trilhas/.

Pro Figma

Curso completo para levar você do básico ao avançado na criação de interfaces modernas usando o Figma. Você aprenderá na prática a desenvolver telas reais, dominar UI, componentes, sistemas de design, prototipação e animações, tudo focado em criar produtos digitais profissionais e consistentes. O curso é ideal para quem quer evoluir de verdade, pensar como um designer estratégico e criar experiências que geram impacto. Se você quer elevar seu nível no Figma, o PRO Figma 2.0 é o próximo passo da sua jornada.

6 módulos · 51 aulas

1. Introdução ao Figma

  1. Apresentação do curso
  2. Administração de arquivos e pastas

2. Figma basics

  1. Menus, pages e configurações
  2. Ferramentas de criação
  3. Masks, union, position e constraints
  4. Stroke, opacity e fill colors
  5. Effects, shadow, blur, noise e glass
  6. Export e apresentação
  7. Layout grid & share
  8. Actions - Ferramentas de criação e edição de imagem com IA
  9. Slices, effects, prototype e scroll

3. Figma essencial

  1. Introdução components & auto-layout
  2. Criando component card com variants
  3. Anatomia de um component
  4. Efeito de carousel (slider)
  5. Navbar fixed
  6. Prototype & Add interactions (AI)

4. Projeto - Mars music AI

  1. Conhecendo o projeto
  2. Briefing do projeto
  3. Research & Benchmark
  4. Requisitos do sistema
  5. Arquitetura da informação - Sitemap
  6. Wireframes - Home
  7. Wireframes - Descobrir
  8. Wireframes - Playlists
  9. Wireframes - Favoritos & Perfil
  10. Wireframes - Configurações
  11. Wireframes - Carregar música
  12. Wireframes - Login & Cadastro

5. Style guide & Design scope

  1. Color style
  2. Color generator
  3. Font style
  4. Spaces & Grids
  5. Sidebar
  6. Navbar
  7. Cards music
  8. Player
  9. Playlist
  10. Criar Playlist
  11. Perfil
  12. Configuração perfil
  13. Upload music
  14. Login & Cadastro

6. Figma Make & Front-end

  1. Prompt inicial & Home
  2. Componentização & Tela descobrir
  3. Playlist
  4. Favoritos
  5. Perfil
  6. Configurações Perfil
  7. Carregar áudio
  8. Login & Cadastro + Documentação

Cursor & AI Engineer

O curso Cursor & AI Engineer é a continuação direta do Pro Figma, onde tudo o que foi pensado, estruturado e prototipado do concept ao design scope agora ganha vida em um projeto real utilizando inteligência artificial com o Cursor. Aqui você aprende na prática como transformar design em produto, construindo aplicações completas com apoio de IA, desde a configuração do ambiente com Node, Git e ferramentas modernas até a criação de agentes, integração com APIs, banco de dados e organização de variáveis de produção. Ao longo das aulas você evolui para um fluxo profissional entendendo como remover dados mockados, versionar corretamente e preparar seu projeto para o mundo real. Na etapa final o foco é performance, análise de logs, deploy com Supabase e autenticação com Google, garantindo que sua aplicação esteja pronta para produção com qualidade profissional.

4 módulos · 16 aulas

1. Introdução ao AI Code

  1. Apresentação do Curso
  2. Stack de produção completa

2. Agents, Skills & MCP

  1. Instalação Node, Git e Cursor
  2. Criando contas & Skills & Agents
  3. Documentação & Agent tester
  4. MCP & Conexões & Github

3. Banco de dados

  1. Criando Banco de dados & Removendo dados mocks
  2. Tokens & Variáveis de produção
  3. Variáveis de produção & Commit e Push
  4. Design tokens MCP & Tokens primitivos e semânticos

4. Performance & Produção & Deploy

  1. [Home] Performance e correções
  2. [Descobrir] Deploy Supabase & correções
  3. [Playlist] Análise de logs & Melhorias
  4. Google auth - Login com o Google
  5. Tester & Deploy Backend & Domínio
  6. Finalização & Boas práticas

Cloude code | For designers

Cloud Code | For Designers é um curso criado para designers que querem ir além do visual e dominar a nova era da criação digital com Inteligência Artificial, explorando o poder das ferramentas mais avançadas do mercado para transformar ideias em interfaces impressionantes, experiências interativas e sistemas completos com velocidade e qualidade fora do comum; aqui você aprende não só a usar IA, mas a pensar como um criador de produtos digitais, integrando design, lógica e automação para desenvolver projetos reais que se destacam, encantam usuários e elevam o seu nível profissional, posicionando você à frente de um mercado cada vez mais guiado por tecnologia.

3 módulos · 24 aulas

1. Introdução ao Claude

  1. Boas-vindas e introdução
  2. Introdução aos modelos Haiku, Sonnet e Opus
  3. Planos e preços
  4. Instalação terminal, App Claude e IDE

2. Projeto Social Attack

  1. Criando Design system do sistema
  2. Criando PRD do sistema
  3. Dependências, tecnologias e Skills
  4. Front-end & Design
  5. Tom de voz & Iteração
  6. Conectando MCPs
  7. Schema prisma
  8. Commit e Push & Dicas de segurança
  9. Conectando API do Google
  10. Criando sistema de nodes
  11. Melhorando geração de imagens com AI
  12. Melhorando AI design system & Login e cadastrado
  13. Opus 4.7 - update & Dark mode & Finalização

3. Agente de IA para atendimento Whatsapp + Funil CRM

  1. Introdução Agentes de atendimento via Whatsapp
  2. Criando plano de implementação
  3. Conectando API Whatsapp & Testes
  4. Primeiras mensagens
  5. Sistema em real-time & Regras de atendimento
  6. Pipeline de atendimento & Funil & Atendimento humano
  7. Encerramento & Possibilidades

Design System | AI first

Neste curso, você vai aprender como estruturar sistemas modernos que crescem junto com o produto, utilizando inteligência artificial como parte do processo desde o início. Vamos explorar design tokens, bibliotecas reutilizáveis e documentação, mostrando como organizar tudo de forma eficiente e inteligente. Você também vai entender como aplicar governança em design systems, definindo padrões, fluxos e regras que garantem consistência mesmo com múltiplos projetos e times. Com a abordagem AI First, você aprende não só a estruturar sistemas, mas a potencializar sua criação e manutenção com IA reduzindo retrabalho, acelerando decisões e construindo interfaces mais consistentes e escaláveis.

4 módulos · 9 aulas

1. Introdução ao Design System AI First

  1. Design System na Era da IA: o que mudou
  2. Governança por Agente: harness e o novo fluxo

2. Agente e Skills: construindo a base

  1. design-system.md: a fonte de verdade do seu DS
  2. Tokens, hardcode e documentação de componentes

3. Storybook e Agente Guardião

  1. Storybook: transformando seu DS em um site vivo
  2. Anatomia de componentes e o Agente Guardião

4. Figma, Tokens e Finalização

  1. Auditoria completa e modo incremental
  2. Conectando o Figma via MCP e sincronização bidirecional
  3. DS completo, vivo e auto-regulado

Lovable Fullstack

Curso completo para aprender Lovable do básico ao avançado, criando aplicações full stack reais do design à publicação. Você vai desenvolver projetos como rede social, loja virtual integrada ao Shopify e Mercado Pago, além de dominar banco de dados, autenticação, cloud, SEO e lógica de negócio. Tudo com a metodologia Vibe Coding, focada em velocidade, clareza e construção de produtos prontos para o mercado. Ideal para quem quer sair do zero e construir sistemas profissionais com Lovable.

6 módulos · 34 aulas

1. Introdução

  1. Fundamentos Essenciais (Design & Escopo)
  2. Metodologia CRIAR - O Mapa Do Vibe-Coding
  3. Programas, preços e dicas

2. Projeto Gooday - Rede social para uma vida saudável

  1. Requisitos do sistema
  2. Sitemap e Estrutura de páginas
  3. UI design, wireframe no Figma e design system
  4. Prompt PRO start no Lovable e Knowledge
  5. Login com o Google e Onboard do sistema
  6. Sombras (Wireframes) E Prompt De Correções
  7. Algoritimo de afinidade e home personalizada
  8. Comentar com emojis 😁 e perfil do usuário
  9. Iteração e correções
  10. Lógica de filtro por cidades e posts com vídeo
  11. Construção de um chat completo para rede social
  12. Responsivo mobile e termos e condições
  13. SEO, meta tags, favicon, banner de compartilhamento e publicação

3. Loja virtual

  1. Pré-requisitos da loja virtual
  2. PRD e Schema prisma
  3. Conectando Lovable a Shopify
  4. Adicionando produtos e Mercado Pago
  5. Usabilidade, SEO e publicação

4. Lovable Cloud

  1. Introdução ao Lovable Cloud
  2. Database (Banco de Dados)
  3. Users & Authentication
  4. Storage (Armazenamento de Arquivos)
  5. Edge Functions (Funções na Borda)
  6. Logs (Sistema de Registros e Debugging)
  7. Estrutura de Código e Arquivos do Projeto
  8. Conceitos de Front-end e Back-end
  9. Debugging e Resolução de Problemas

5. Lovable Tips

  1. NOVIDADE! LOVABLE COM BANCO DE DADOS INTEGRADO E AI NATIVA - CONFIRA!
  2. ADEUS SUPABASE! Backend Nativo no Lovable
  3. 🔥 5 HACKS SECRETOS no LOVABLE

6. CRM Marketing

  1. Criando um CRM com Lovable e Resend API

Framer Animations

Curso completo para dominar animações e interações avançadas no Framer, criando experiências visuais modernas, fluidas e profissionais. Você aprenderá desde as ferramentas e fundamentos até scroll animations, variants, efeitos 3D, sticky, carrosséis e microinterações, tudo aplicado em projetos reais e complexos. Ideal para designers e builders que querem elevar o nível visual, criar sites memoráveis e entregar experiências de alto impacto sem código.

6 módulos · 77 aulas

1. Introdução ao Framer

  1. Boas-vindas ao curso
  2. Sobre o Framer
  3. Instalação e workspace

2. Ferramentas de criação

  1. Menu e navegação
  2. Basics
  3. Creative
  4. Media
  5. Form
  6. Icons
  7. Interactive
  8. Social & Utility
  9. Layout, Actions & IA
  10. Site Settings
  11. +Analytics

3. Ferramentas de edição

  1. Position
  2. Size
  3. Layout & Stack
  4. Componentes, variantes e variáveis
  5. +Stacks
  6. Multi-language (seletor de idioma)
  7. Figma to Framer

4. Projeto Framer animations

  1. Conhecendo o projeto
  2. Color style
  3. Font style
  4. Navbar
  5. Navbar - Breakpoints
  6. Hero section
  7. Hero section - Video Background
  8. Ticker - Faixa infinita
  9. Video section
  10. Efeito hover 3D
  11. Ticker interativo
  12. Sticky
  13. Sticky cards
  14. Ticker vertical
  15. Sticky & carrossel mobile
  16. GRID
  17. Float certificado
  18. Scroll transform - Layer in View
  19. Scroll transform avançado 1/2
  20. Scroll transform avançado 2/2
  21. Scroll transform variant
  22. Perfil e valores
  23. Collapsible perguntas frequentes
  24. Efeitos de texto e entrada
  25. Critérios de acessibilidade
  26. Form Google drive
  27. Assinatura, domínio e publicação

5. Projeto Gooday

  1. Conhecendo o projeto
  2. Color style e Figma
  3. Color style e Font style Framer
  4. Iniciando o projeto
  5. Navbar desktop e mobile - Overlay
  6. Hero section e headline
  7. Seção Phone float 1/2
  8. Seção phone dark mode - 2/2
  9. Effect text - scroll variant
  10. Ticker card sports
  11. Scroll variant avançado 1/5
  12. Scroll variant avançado 2/5
  13. Scroll variant avançado 3/5
  14. Scroll variant avançado 4/5
  15. Scroll animations avançado 5/5
  16. Sticky + Scroll variant
  17. Carrossel posts
  18. Chat scroll animate
  19. Depoimentos
  20. Marcas parceiras
  21. Footer
  22. Redes sociais
  23. Botão Light mode & Dark mode
  24. Efeitos de entrada e drag
  25. Configurações

6. Projeto XP Zone

  1. Projeto XPZone 1/4
  2. Projeto XPZone 2/4
  3. Projeto XPZone 3/4
  4. Projeto XPZone 4/4

Digital Agency

Curso prático para estruturar e escalar uma agência digital do jeito certo, unindo estratégia, vendas e operação. Você aprenderá a montar um cardápio de serviços inteligente, prospectar clientes com IA, vender com consistência, organizar contratos, finanças e processos, além de criar conteúdo e parcerias que geram crescimento contínuo. Ideal para quem quer sair do improviso, pensar como chefe de verdade e transformar sua agência em um negócio lucrativo e sustentável.

1 módulos · 9 aulas

1. Estruturação e Vendas

  1. Mindset do Chefe
  2. Cardápio de Serviços
  3. Prospecção com IA
  4. Operação Enxuta
  5. Contratos & Onboarding
  6. Estrutura Financeira & Fiscal
  7. Conteúdo, comunidade & colabs
  8. Otimização de Vendas
  9. Otimização Contínua

User experience

Neste curso o aluno aprende a partir de uma ideia, entender como projetar a experiência do usuário, sua jornada, as bases de UX, entender sobre como projetar interfaces profissionais.

3 módulos · 26 aulas

1. Introdução ao projeto

  1. Introdução e boas-vindas
  2. Etapas de desenvolvimento do projeto
  3. Briefing do projeto & requisitos

2. As bases do UX

  1. O que é UX e o que é UX Design
  2. Design Centrado no Usuário
  3. O Guarda-chuva de UX e suas Especialidades
  4. Personas
  5. Jornada do Usuário (User Journey Map)
  6. Usabilidade e as 10 Heurísticas de Nielsen
  7. AX (Agent Experience), a terceira onda depois de UX e DX
  8. Design Thinking
  9. Métricas de UX, como a experiência se mede

3. UX research - Bangeek

  1. Ux research - starter
  2. O que é UX research
  3. Criando plano de pesquisa
  4. Preenchendo o plano de pesquisa
  5. Hipóteses de UX
  6. Matriz de Pesquisa - escolhendo a técnica certa
  7. Alocando perguntas e contexto de uso
  8. Técnicas e Ferramentas de Pesquisa
  9. Double Diamond
  10. Pesquisa Secundária (Desk Research)
  11. Viés de Confirmação, Análise SWOT/FOFA e Matriz CSD
  12. Criando a Persona do Bangeek
  13. Criando o Mapa da Jornada do Usuário
  14. Documentando Resultados