A biblioteca aberta.

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.

5 bibliotecas 2 guias Sem cadastro Fontes e datas visíveis

Comece pelo seu objetivo

Sete caminhos, cada um com uma trilha curta de recursos que eu ordenei.

Conectar Figma e IA

Tempo total: ~90 min

0 de 3 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

  1. Figma com Claude: MCP oficial remoto e opção localPróximo

    O setup vem primeiro: sem MCP conectado, o resto é teoria.

    ~30 min

  2. Do Figma ao código sem handoff (guia do TDC)

    A pipeline completa, passo a passo, do frame ao componente gerado.

    ~45 min

  3. Biblioteca de prompts para designers

    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.

Aplicar no meu projeto

Construir interfaces com código

Tempo total: ~92 min

0 de 4 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

  1. Vocabulário de frontend para designersPróximo

    Os termos certos mudam a qualidade do que o agente gera.

    ~20 min

  2. Do Figma ao código sem handoff (guia do TDC)

    O caminho completo do design ao componente, com prompts prontos.

    ~45 min

  3. Design system em dois dias com Claude Code

    Um caso real, com método e limites: o que funcionou e o que segue sendo trabalho seu.

    ~12 min

  4. Ferramentas de IA para designers

    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.

Destravar com mentoria

Especificar e dar contexto

Tempo total: ~45 min

0 de 3 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

  1. Frameworks e dicas práticas para design com IAPróximo

    Modelos mentais e frameworks antes de qualquer prompt.

    ~20 min

  2. Designer de IA não é prompt engineer. É arquiteto de contexto.

    O argumento central: estruturar contexto vale mais que decorar prompt.

    ~10 min

  3. Biblioteca de prompts para designers

    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.

Organizar meu processo

Orquestrar agentes com limites

Tempo total: ~62 min

0 de 3 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

  1. Figma com Claude: MCP oficial remoto e opção localPróximo

    MCP deixa de ser sigla quando você conecta o primeiro servidor.

    ~30 min

  2. Referências e leituras sobre design e IA

    As fontes que sustentam o assunto, sem ruído de timeline.

    ~20 min

  3. Design system em dois dias com Claude Code

    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.

Aplicar no meu contexto

Evoluir carreira e portfólio

Tempo total: ~45 min

0 de 3 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

  1. Frameworks e dicas práticas para design com IAPróximo

    Tem templates de carreira e modelos pra organizar seu próximo passo.

    ~20 min

  2. Designer de IA não é prompt engineer. É arquiteto de contexto.

    O reposicionamento do papel do designer, explicado com calma.

    ~10 min

  3. Referências e leituras sobre design e IA

    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.

Organizar minha carreira

Colocar meu portfólio no ar

Tempo total: ~93 min

0 de 3 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

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

  2. Como criar e publicar seu portfólio com Claude Code, mesmo sem saber programar

    O método por trás do workspace: briefing, escopo fechado e os vícios do site feito por IA.

    ~33 min

  3. Referências e leituras sobre design e IA

    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.

Revisar meu portfólio

Fechar o ciclo de produto com IA

Tempo total: ~90 min

0 de 5 passos

Quanto tempo você tem agora?

Um passo por dia e a trilha fecha na semana.

  1. Diagnóstico do cicloPróximo

    Dez perguntas mostram onde você ainda depende de fé, improviso ou revisão tardia.

    ~10 min

  2. Especificação e contexto do produto

    Os dois capítulos publicados transformam intenção em especificação e contexto reutilizável.

    ~30 min

  3. Construção com compreensão

    Construa em partes pequenas e só aceite o que você consegue explicar.

    ~15 min

  4. Revisão adversarial e publicação

    Tente reprovar a entrega, cubra casos de borda e faça a prova de vida no ambiente real.

    ~20 min

  5. Medição que muda decisão

    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.

Levar meu caso pra mentoria

Bibliotecas e guias

Biblioteca

Ferramentas de IA para designers

63 ferramentas com destino reproduzível, filtro por categoria, busca e limites marcados quando há informação verificada.

Biblioteca

Vocabulário de frontend para designers

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.

Qual é o seu próximo passo?

Continuar aprendendo

Escolhe um objetivo e segue a trilha, ou explora as bibliotecas no seu ritmo.

Escolher um objetivo

Aplicar no meu trabalho

Sessão 1:1 em cima do seu caso, agora na Xikota.ai. Você traz o problema e sai com um plano.

Conhecer a mentoria

Acompanhar a formação

A formação ainda não abriu. A lista de espera recebe as novidades quando houver algo confirmado.

Entrar na lista de espera