//
Benefícios
Vem ver tudo que você vai ganhar



Ecossistema Figma
14 de Junho
//
Conteúdos
O que você vai aprender

Heros Section de Alto Nível
Seções hero impactantes com tipografia, efeitos, 3d, gradientes e animações de entrada.

Vídeos Direto no Código
Integração de vídeo como background, como componentes e efeitos incríveis.

Landing Pages
Páginas de conversão com CTAs animados, seções interativas, efeitos como hover e scroll transform.

Sites Completos
Sites completos multi-página com navegação, responsividade e deploy automatizado.

MCP
Integração com MCP (Model Context Protocol) com várias ferramentas externa e com o Figma Design.

Slides e Materiais
Apresentações do workshop em formato de slides e arquivo pdf para consulta do conteúdo e revisão.

Produtos
MVPs funcionais com lógica real, estados complexos e integrações de backend.

Dashboards
Painéis de métricas com gráficos interativos, filtros dinâmicos e dark mode.

Templates & Componentes
Templates reutilizáveis prontos para produção com design system integrado.

Apresentações
Apresentações interativas com transições, conteúdos, efeitos e storytelling visual.

Design System & Make Kits
Design systems completos com biblioteca integrada, design tokens, kits, componentes reutilizáveis, storybook, make kits, handoff e documentação.

Integrações
Conexões com APIs, Supabase, banco de dados e serviços externos direto no código.



//
Projetos
Projetos que vamos desenvolver

Portfólio Criativo
Portfólio com galeria, animações e transições para você sair do workshop com seu portfólio publicado!

Redesign Museu História Natural
Redesign completo do site do Museu de História Natural com experiência imersiva.

Redesign App Keeta
Redesign de app de delivery com fluxos otimizados, micro-interações e testes de usabilidade.

Design System + Storybook
Você vai aprender a criar um design system com storybook completo.

Redesign site Polaroid
Redesign do site a partir do Figma Design, apredendendo na prática como criar novas telas e experiência mobile.

Redesign site Uber e xBox
Redesign dos sites da uber e xBox com vários recursos integrando os protótipos navegáveis em alta fidelidade.

Redesign site jogo Crimson Desert
Redesign do site com a aplicação de várias seções interativas, efeitos e vídeos.

Jogos 2D e 3D como o Minecraft
Experiências de jogos no browser 2D, com mundos voxel, interações 3D, efeitos sonoros e lógica de game.
//
Agenda
Parte 01
Abertura: O novo papel do designer
Por que o Figma Make não é só mais uma ferramenta e o que muda no seu trabalho a partir de hoje.
Hero Sections de Alto Nível
Sua primeira construção: seções hero com tipografia massiva, efeitos 3D, gradientes e animações de entrada. Você aprende a lógica do Make construindo algo visualmente impactante desde o início.
Vídeos Direto no Código
Integração de vídeo como background, players customizados, autoplay e efeitos cinematográficos. Você entende como manipular mídia com total controle visual.
Landing Pages que Convertem
Construção completa de uma página de conversão: CTAs animados, seções interativas, efeitos de hover e scroll transform. Você sai com uma landing page real publicada.
Sites Completos
Do single-page ao multi-page: navegação, responsividade em todos os breakpoints e deploy automatizado. Você entende como estruturar um projeto profissional de ponta a ponta.
Apresentações Interativas
Apresentações com transições, storytelling visual e efeitos que impressionam em qualquer reunião ou pitch de vendas.
Parte 02
Projetos avançados, integrações reais e você saindo com portfólio publicado.
Você vai aprender a criar desde projetos complexos até o portfólio publicado, e sai do workshop com entregáveis reais no ar.
Design System Profissional & Make Kits
Construção de um design system completo: biblioteca integrada, como criar um make kit e compartilhar, economizar tokens, componentes reutilizáveis, Make Kits, Storybook, handoff e documentação. O mesmo padrão usado em produtos de alto nível.
Redesigns que Impressionam
Dois projetos práticos de redesign com nível de portfólio:
Museu de História Natural: experiência imersiva, identidade visual forte e navegação cinematográfica.
App Keeta (delivery): fluxos otimizados, micro-interações e estudos de usabilidade.
Dashboards e Produtos Funcionais
Painéis de métricas com gráficos interativos, filtros dinâmicos e dark mode. MVPs com lógica real, estados complexos, dados dinâmicos e dark mode impecável.. Você entende como o Figma Make vai além do visual.
Parte 03
Integrações e MCP
Conexões reais com APIs, Supabase e banco de dados direto no código. E o grande diferencial: integração com MCP (Model Context Protocol) conectando o Figma Make com ferramentas externas e com o próprio Figma Design. O fluxo de trabalho do futuro, hoje.
Experiências Imersivas
Projetos que vão além do convencional e mostram o verdadeiro poder da ferramenta:
Jogos 2D: lógica, efeitos visuais e sonoros direto no browser.
Minecraft no browser: mundos voxel, interações 3D e lógica de game.
Outros projetos: animações épicas, efeitos e transições.
Portfólio Publicado ao Vivo ⭐
Vou mostrar como você constrói e publica seu portfólio criativo com galeria, animações de scroll e transições de página. Você sai do workshop com seu portfólio no ar, pronto para mostrar para clientes e recrutadores.
Templates Prontos para Produção
Um kit de templates reutilizáveis com design system integrado para você usar imediatamente nos seus próximos projetos.
Encerramento & Dúvidas
Dúvidas no final ao vivo, revisão dos projetos e entrega dos materiais de bônus. Se precisar, posso exceder o tempo de 8h para rersponder todas as dúvidas.
UI Design
Prompt Engineering
User Testing
Figma Make
UX Design
Product
Design System
No-Code
Product Design
Design Sprint
UX Research
JSON
Markdown
Tokens
E.. muito mais!
14 de Junho

TUDO ISSO por apenas
R$29,90
Entender o que é o Figma Make e como ele está mudando o papel do designer
Criar sites profissionais e experiências interativas
Construir projetos de alto nível com estrutura, responsividade e lógica
Desenvolver e organizar design systems e componentes reutilizáveis
Compreender e editar o código gerado
Publicar e compartilhar seus projetos com segurança
Entender como ECONOMIZAR TOKENS e trabalhar com os MAKE KITS
Integrar IA e plugins para acelerar sua produtividade
Criar um portfólio, dashboard e um app do zero, na prática!
Preciso saber programar para participar?
Não. O workshop foi desenhado para designers, sem assumir conhecimento técnico em código. Você vai entender o que o Figma Make gera, mas não precisa ser desenvolvedor. O foco é criação visual com autonomia técnica.
Preciso ter experiência com Figma?
Sim. Este workshop assume familiaridade básica com o Figma (saber criar frames, usar componentes, navegar na interface). Se você nunca usou o Figma, recomendo praticar o básico antes. Caso não saiba, pode participar e tirar dúvidas ao vivo também.
O workshop é ao vivo ou gravado?
Ao vivo. O workshop acontece em tempo real, com interação direta. Mas você poderá comprar a gravação com um valor promocional.
O Figma Make é pago? Preciso de algum plano específico?
O Figma Make está disponível em planos pagos do Figma. Recomendo ter uma conta ativa (estudante ou full) antes do workshop. Mas caso não tenha, o acesso gratuito do Figma servirá para experimentar e testar.
E se eu não puder participar em algum horário específico?
Não tem problema. Você pode comprar o acesso à gravação por um preço super acessível e poderá acompanhar no seu ritmo.
Quando começa e qual o horário?
Dia 14 de junho. Das 10h às 18h com intervalos para almoço e café. Mas caso seja necessário estender por conta das dúvidas, ficamos ao vivo um pouco mais.
Vou conseguir criar projetos reais logo após o workshop?
Sim. Esse é o objetivo! Você sai do workshop com projetos publicados, arquivos prontos e a base para criar qualquer produto com o Figma Make ou IAs parecidas.
//
Projetos
Falta pouco para você criar produtos reais com design.
Não é hype. É uma mudança estrutural no mercado de produto digital.
Velocidade que muda tudo
Com o Figma Make, o que antes levava semanas de desenvolvimento agora sai em horas. Você cria, ajusta e publica em um único ambiente.
Do protótipo ao produto funcional
Esqueça o "esse é só um protótipo". Com o Figma Make, você entrega sites, apps e dashboards que funcionam de verdade, publicados, navegáveis e prontos para uso.



Design System Specialist & Figma Advocate
Quem é Raquel Kiss
Atuo como Product Designer Sênior na AI/R Company, onde também sou Designer Lead do Solar Design System. Minha atuação é focada em estruturar e evoluir experiências digitais em larga escala, conectando estratégia, design e tecnologia para garantir consistência, eficiência e soluções realmente centradas no usuário. Ao longo da minha trajetória, venho contribuindo para projetos complexos e de alto impacto, sempre com foco em escalabilidade e geração de valor.
Também crio conteúdos e produtos como forma de extensão natural do meu trabalho. Produzo conteúdos sobre Design, Figma, Carreira e Processos, transformando aprendizados em algo acessível e aplicável. Vejo o ensino como uma forma de ampliar impacto, ajudando outras pessoas a evoluírem e crescerem através do design.









