Workshop Prático de Figma Make

Workshop Prático
de Figma Make

8 horas | Dia 14 de Junho | AO VIVO

8 horas | Dia 14 de Junho | AO VIVO

//

Benefícios

Vem ver tudo que você vai ganhar

Profile Image
Profile Image
Profile Image

Ecossistema Figma

Todos os arquivos do workshop

Todos os arquivos criados e compartilhados durante o workshop, prontos para você usar como referência.

Todos os arquivos do workshop

Todos os arquivos criados e compartilhados durante o workshop, prontos para você usar como referência.

Lista de Prompts

Prompts testados e organizados por categoria para você extrair o máximo do Figma Make.

Lista de Prompts

Prompts testados e organizados por categoria para você extrair o máximo do Figma Make.

Descontos Suspresa

Desconto exclusivos para quem participar do workshop que serão revelados no segundo dia.

Descontos Suspresa

Desconto exclusivos para quem participar do workshop que serão revelados no segundo dia.

Lista de IAs e Ferramentas

Curadoria completa de IAs e Ferramentas complementares para potencializar seus projetos.

Lista de IAs e Ferramentas

Curadoria completa de IAs e Ferramentas complementares para potencializar seus projetos.

Compartivo com outras IAs

Análise comparativa detalhada e honesta entre o Figma Make e outras IAs de geração de código.

Compartivo com outras IAs

Análise comparativa detalhada e honesta entre o Figma Make e outras IAs de geração de código.

Slides e Materiais

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

Slides e Materiais

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

Certificado Personalisável

Certificado disponível ao final do workshop para você customizar e compartilhar seus estudos e dedicação.

Certificado Personalisável

Certificado disponível ao final do workshop para você customizar e compartilhar seus estudos e dedicação.

Gravação do Workshop

A gravação é um produto separado mas você vai poder adquirir por um preço simbólico ao comprar o ingresso para o workshop.

Gravação do Workshop

A gravação é um produto separado mas você vai poder adquirir por um preço simbólico ao comprar o ingresso para o workshop.

Comunidade Exclusiva

Comunidade exclusiva no WhatsApp e Discord onde vou compartilhar vários conteúdos mesmo depois de acabar o workshop.

Comunidade Exclusiva

Comunidade exclusiva no WhatsApp e Discord onde vou compartilhar vários conteúdos mesmo depois de acabar o workshop.

Redesign App Keeta

Como criar Apps e Protótipos Navegáveis

Redesign de Sites

Como criar sites e experiências imersivas

IA como copiloto criativo

Não é hype. É uma mudança estrutural no mercado.

Protótipos de Alto Nível

Como criar produtos de verdade

Redesign App Keeta

Como criar Apps e Protótipos Navegáveis

Redesign de Sites

Como criar sites e experiências imersivas

IA como copiloto criativo

Não é hype. É uma mudança estrutural no mercado.

Protótipos de Alto Nível

Como criar produtos de verdade

Redesign App Keeta

Como criar Apps e Protótipos Navegáveis

Redesign de Sites

Como criar sites e experiências imersivas

IA como copiloto criativo

Não é hype. É uma mudança estrutural no mercado.

Protótipos de Alto Nível

Como criar produtos de verdade

//

Conteúdos

O que você vai aprender

a desktop computer sitting on top of a wooden desk

Heros Section de Alto Nível

Seções hero impactantes com tipografia, efeitos, 3d, gradientes e animações de entrada.

black flat screen computer monitor

Vídeos Direto no Código

Integração de vídeo como background, como componentes e efeitos incríveis.

Pioneering research focuses on the path to agi.

Landing Pages

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

silver iMac turned on inside room

Sites Completos

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

an open laptop computer sitting on top of a wooden table

MCP

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

macbook pro displaying computer icons

Slides e Materiais

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

laptop computer on glass-top table

Produtos

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

black and silver laptop computer

Dashboards

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

turned-on black iPad and white Apple Pencil

Templates & Componentes

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

white and black laptop

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.

Vocêserácapazdetransformardesign
emprodutofuncional,apresentarprojetos
commaisautoridadeeampliarsuaspossibilidadesnomercado.

//

Projetos

Projetos que vamos desenvolver

silver imac on white table

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.

black iPad displaying color gradient

Design System + Storybook

Você vai aprender a criar um design system com storybook completo.

a group of polaroid cameras sitting on top of a table

Redesign site Polaroid

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

white and black Xbox One S controll

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.

a flat screen tv sitting on top of a table

Redesign site jogo Crimson Desert

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

people walking beside concrete buildings

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.

E Muito mais...

Muito mais exemplos, conteúdos e dicas sobre criar projetos no Figma Make!

//

Agenda

Agenda completa! Conteúdos
com MUITA PRÁTICA

Agenda completa!
Conteúdos na PRÁTICA

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.

Seu novo certificado & Skills que você vai aprender

Seu novo certificado & Skills que você vai aprender

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!

TUDO ISSO por apenas

R$29,90

Mais do que ensinar uma ferramenta, este workshop ensina uma nova forma de pensar.. Você vai aprender..

Mais do que ensinar uma ferramenta, este workshop ensina uma nova forma de pensar.. Você vai aprender..

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!

O foco não é apenas executar, é estruturar com inteligência, pensar como produto e sair com autonomia técnica..

O foco não é apenas executar, é estruturar com inteligência, pensar como produto e sair com autonomia técnica..

Custa um café80%

Pagamento seguro

Pagamento seguro

Cartão de crédito

Cartão de crédito

Pix

Pix

Só aprende quem faz! Entre para o time de profissionais que se destacam!

Só aprende quem faz! Entre para o time de profissionais que se destacam!

Garantia de 7 dias

workshop  figmake workshop  figmake 

Perguntas

Perguntas

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

Um pouco do que vamos
criar JUNTOS

Um pouco do que vamos criar JUNTOS

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.

Core Icon
Orbit Icon 1
Orbit Icon 2
Orbit Icon 3
Orbit Icon 4
An image of Freelio's budget ui

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.

Acompanhe as Redes Sociais

© 2026 Kiss Academy.

Criado por Raquel Kiss

Acompanhe as Redes Sociais

© 2026 Kiss Academy.

Criado por Raquel Kiss