# Trilhas — Creative Builders

Fonte: https://www.aicreativebuilders.com/trilhas/
Espelho HTML: https://www.aicreativebuilders.com/trilhas/texto/

## 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.

- URL: https://www.aicreativebuilders.com/cursos/figma/
- 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.

- URL: https://www.aicreativebuilders.com/cursos/cursor/
- 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.

- URL: https://www.aicreativebuilders.com/cursos/cloude-code-for-designers/
- 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.

- URL: https://www.aicreativebuilders.com/cursos/design-system-pro/
- 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.

- URL: https://www.aicreativebuilders.com/cursos/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.

- URL: https://www.aicreativebuilders.com/cursos/framer/
- 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.

- URL: https://www.aicreativebuilders.com/cursos/digital-agency/
- 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.

- URL: https://www.aicreativebuilders.com/cursos/ux-ui-design-com-ia/
- 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