Figma com Claude: MCP oficial remoto e opção local
Conecte o Figma ao Claude por MCP e peça auditorias de tokens, frames e variantes por prompt. Setup guiado em 5 passos, com checklist de validação em cada um.
Dois guias passo a passo e cinco bibliotecas para quem trabalha com produto e quer usar IA no ciclo inteiro. A curadoria, as explicações e os 30 prompts estão em português. Tudo aberto, sem cadastro.
Sete caminhos, cada um com uma trilha curta de recursos que eu ordenei.
Seu objetivo
Tempo total: ~90 min
0 de 3 passos
Um passo por dia e a trilha fecha na semana.
Figma com Claude: MCP oficial remoto e opção localPróximo
O setup vem primeiro: sem MCP conectado, o resto é teoria.
~30 min
Do Figma ao código sem handoff (guia do TDC)Próximo
A pipeline completa, passo a passo, do frame ao componente gerado.
~45 min
Biblioteca de prompts para designersPróximo
Prompts de auditoria e geração pra usar no fluxo que você acabou de montar.
~15 min
Resultado esperado: Figma conectado ao Claude por MCP e o primeiro fluxo completo rodando no seu arquivo.
Sua trilha fica salva neste navegador. Sem cadastro.
Conseguiu configurar, mas travou ao aplicar no seu arquivo?
Leve seu Figma pra uma sessão 1:1. Em uma hora, a gente adapta o fluxo ao seu projeto e define os próximos passos.
Tempo total: ~92 min
0 de 4 passos
Um passo por dia e a trilha fecha na semana.
Vocabulário de frontend para designersPróximo
Os termos certos mudam a qualidade do que o agente gera.
~20 min
Do Figma ao código sem handoff (guia do TDC)Próximo
O caminho completo do design ao componente, com prompts prontos.
~45 min
Design system em dois dias com Claude CodePróximo
Um caso real, com método e limites: o que funcionou e o que segue sendo trabalho seu.
~12 min
Ferramentas de IA para designersPróximo
Pra escolher a stack certa depois de entender o fluxo.
~15 min
Resultado esperado: Vocabulário pra dirigir agentes de código e um caminho testado de design a componente.
Sua trilha fica salva neste navegador. Sem cadastro.
Travou na hora de virar código de verdade?
Traz seu projeto que a gente monta o fluxo com agentes em cima dele e define o que estudar em seguida.
Tempo total: ~45 min
0 de 3 passos
Um passo por dia e a trilha fecha na semana.
Frameworks e dicas práticas para design com IAPróximo
Modelos mentais e frameworks antes de qualquer prompt.
~20 min
Designer de IA não é prompt engineer. É arquiteto de contexto.Próximo
O argumento central: estruturar contexto vale mais que decorar prompt.
~10 min
Biblioteca de prompts para designersPróximo
Agora sim: prompts organizados por etapa do processo.
~15 min
Resultado esperado: Um processo com papéis claros pra IA e critérios seus de revisão.
Sua trilha fica salva neste navegador. Sem cadastro.
Muita ferramenta, pouco método?
A gente organiza onde a IA entra no seu processo e define por onde começar, no seu contexto.
Tempo total: ~62 min
0 de 3 passos
Um passo por dia e a trilha fecha na semana.
Figma com Claude: MCP oficial remoto e opção localPróximo
MCP deixa de ser sigla quando você conecta o primeiro servidor.
~30 min
Referências e leituras sobre design e IAPróximo
As fontes que sustentam o assunto, sem ruído de timeline.
~20 min
Design system em dois dias com Claude CodePróximo
Agentes com skills e memória num projeto real, do início ao fim.
~12 min
Resultado esperado: Um agente conectado à sua ferramenta e repertório pra ir além do tutorial.
Sua trilha fica salva neste navegador. Sem cadastro.
Quer sair do tutorial e usar agentes no seu trabalho?
Leve seu caso pra uma sessão 1:1: a gente desenha o setup pro seu contexto e define os próximos passos.
Tempo total: ~45 min
0 de 3 passos
Um passo por dia e a trilha fecha na semana.
Frameworks e dicas práticas para design com IAPróximo
Tem templates de carreira e modelos pra organizar seu próximo passo.
~20 min
Designer de IA não é prompt engineer. É arquiteto de contexto.Próximo
O reposicionamento do papel do designer, explicado com calma.
~10 min
Referências e leituras sobre design e IAPróximo
Leituras pra sustentar conversa de entrevista e decisão de carreira.
~15 min
Resultado esperado: Clareza de posicionamento e um plano concreto pro seu portfólio.
Sua trilha fica salva neste navegador. Sem cadastro.
Difícil transformar tudo isso em posicionamento claro?
Em uma sessão, a gente revisa seu portfólio ou seu próximo passo de carreira, com feedback direto.
Tempo total: ~93 min
0 de 3 passos
Um passo por dia e a trilha fecha na semana.
Publique seu portfólio com Claude Code: workspace guiadoPróximo
O caminho inteiro em 7 etapas, com prompts prontos e validação em cada uma.
~45 min
Como criar e publicar seu portfólio com Claude Code, mesmo sem saber programarPróximo
O método por trás do workspace: briefing, escopo fechado e os vícios do site feito por IA.
~33 min
Referências e leituras sobre design e IAPróximo
Referência boa acelera; a biblioteca organizada evita o portfólio colagem.
~15 min
Resultado esperado: Um site seu numa URL pública, que você mesmo atualiza depois.
Sua trilha fica salva neste navegador. Sem cadastro.
Quer feedback no seu próprio case?
Leve seu portfólio pra uma sessão 1:1 e saia com prioridades claras de revisão.
Tempo total: ~90 min
0 de 5 passos
Um passo por dia e a trilha fecha na semana.
Diagnóstico do cicloPróximo
Dez perguntas mostram onde você ainda depende de fé, improviso ou revisão tardia.
~10 min
Especificação e contexto do produtoPróximo
Os dois capítulos publicados transformam intenção em especificação e contexto reutilizável.
~30 min
Construção com compreensãoPróximo
Construa em partes pequenas e só aceite o que você consegue explicar.
~15 min
Revisão adversarial e publicaçãoPróximo
Tente reprovar a entrega, cubra casos de borda e faça a prova de vida no ambiente real.
~20 min
Medição que muda decisãoPróximo
Escolha uma pergunta de ciclo e use a resposta para escrever a próxima especificação.
~15 min
Resultado esperado: Um diagnóstico, uma especificação executável e um plano de revisão, publicação e medição para o seu caso.
Sua trilha fica salva neste navegador. Sem cadastro.
Quer fechar esse ciclo no seu próprio caso?
Na mentoria 1:1, a gente identifica a etapa fraca e sai com o próximo movimento definido.
Conecte o Figma ao Claude por MCP e peça auditorias de tokens, frames e variantes por prompt. Setup guiado em 5 passos, com checklist de validação em cada um.
Escolha uma de três rotas e publique um portfólio operável: prompts únicos, checklists verificáveis, revisão segura e manutenção.
30 prompts em português para pesquisa, estratégia, interface, protótipo e handoff, com contexto e critérios de conferência.
63 ferramentas com destino reproduzível, filtro por categoria, busca e limites marcados quando há informação verificada.
32 itens em 5 famílias: frameworks estratégicos, templates de carreira, best practices, modelos mentais e padrões por domínio.
35 fontes reproduzíveis que sustentam o resto da biblioteca: papers, relatórios, tutoriais, vídeos, ebooks e glossários.
134 termos de CSS, layout, acessibilidade e rendering organizados por camada do problema, com exemplos de prompt pra dirigir agentes de código.
Procurando material de método em vez de ferramenta? Os gratuitos trazem o guia de Specification Literacy e dois checklists, e os sete métodos são a espinha do que eu ensino.
Escolhe um objetivo e segue a trilha, ou explora as bibliotecas no seu ritmo.
Sessão 1:1 em cima do seu caso, agora na Xikota.ai. Você traz o problema e sai com um plano.
A formação ainda não abriu. A lista de espera recebe as novidades quando houver algo confirmado.