Do Figma ao Claude Code: o designer que entrega produto rodando

Durante mais de 10 anos como Product Designer, meu trabalho terminava num arquivo do Figma. Eu entregava telas, protótipo e especificação, e torcia para o que fosse ao ar parecer com o que eu desenhei. Às vezes parecia. Muitas vezes, não.

Hoje o meu trabalho termina num produto rodando. E, pelo que mostra a pesquisa AI in Design 2026, publicada em 20 de maio de 2026 pela Designer Fund com a Foundation Capital, eu não sou exceção.

O que a pesquisa da Designer Fund mostra

O estudo, assinado por Robyn Park, ouviu mais de 900 designers em mais de 60 países, além de mais de 25 entrevistas e casos de sete times, Anthropic, Framer, Linear, Notion, Shopify, Sierra e Stripe. Os números principais:

• Metade dos designers já colocou código gerado por IA em produção. Vale para design de produto e de marca.
• 91% usam IA toda semana em tarefas de design. Em 2025, eram 54%. E 75% usam todo dia.
• O designer médio usa 7 ferramentas de IA com regularidade, mais que o dobro das 3 do ano anterior.
• 65% estão assumindo mais trabalho de produto ou engenharia.
• 73% sentem mais pressão por volume, qualidade e velocidade.

A frase de Park que resume o momento: “Designers are owning more and shipping more.” O designer subiu uma camada e virou quem constrói.

A pesquisa também traz um alerta que eu levo a sério. A parcela de designers que diz colaborar menos por causa da IA subiu de 5% para 20%. Trabalhar mais rápido não pode significar trabalhar sozinho.

Por que isso importa para quem contrata

Para um founder, o efeito prático é simples: a distância entre o que foi desenhado e o que vai ao ar diminui. Menos rodadas de “não era bem isso”. Menos tela que fica diferente no celular. Menos tempo entre a decisão de design e o produto na mão do usuário.

Mas só funciona se o designer souber o que está colocando em produção. Código gerado por IA sem critério vira o mesmo problema de sempre, só que mais rápido.

Meu fluxo do Figma ao Claude Code

No Studio, usamos Claude Code e Figma no design e no build. O fluxo abaixo é o esqueleto. Os detalhes de cada etapa eu ainda vou documentar melhor.

1. Problema e fluxo antes de tela

Antes de abrir o Figma, eu preciso saber o que o produto tem que fazer na primeira versão e o que fica para depois. Isso sai do diagnóstico, que é também o que nos permite fechar preço e prazo. [Formato do documento de escopo que sai do diagnóstico: Leonel completar.]

2. Design system no Figma

Cores, tipografia, espaçamento, grid e componentes viram variáveis e componentes no Figma. Não é luxo: é o que impede a IA de inventar um tom de azul novo em cada tela. [Quantidade típica de tokens e componentes por projeto: Leonel completar.]

3. Telas principais e estados

Desenho as telas que carregam o valor do produto e os estados que todo mundo esquece: vazio, carregando, erro, sem permissão. É aqui que a maior parte dos 30% finais de um MVP é decidida.

4. Do Figma para o código

Com o design fechado, o Claude Code gera a interface a partir das decisões do Figma. [Como o Studio conecta o Figma ao Claude Code no dia a dia, por exemplo via MCP, e em que ordem os componentes são gerados: Leonel completar.]

5. Revisão de quem entende de engenharia

O código gerado passa por revisão antes de entrar. Arquitetura, banco, segurança e integrações não ficam na mão só do designer. [Quem revisa e quais critérios usa: Leonel completar.]

6. No ar e acompanhado

Depois da entrega, o sistema sai com um agente de IA que roda todo dia, aponta falhas, sugere melhorias e confere se os dados fazem sentido. O design não termina no lançamento.

O que o designer precisa saber para fazer isso bem

Pela minha experiência, três coisas separam quem entrega produto rodando de quem só gera código:

• Ler o código, mesmo sem digitar. Saber se um componente está duplicado, se um estado foi esquecido, se a tela quebra em telas menores.
• Pensar em sistema, não em tela. Cada decisão no Figma vira regra no código. Se a regra não existir, a IA cria uma.
• Saber onde parar. Interface é território do designer. Segurança e dados pedem outra revisão.

A pesquisa mostra que só 28% dos líderes mudaram formalmente avaliação, salário ou contratação por causa da IA. Ou seja, o mercado ainda está se ajustando. Quem souber fazer o caminho completo, com qualidade, sai na frente.

O que isso muda para você

Se você é founder, a pergunta a fazer para um estúdio não é mais “vocês usam IA?”. Todo mundo usa. A pergunta é: quem garante que o que foi desenhado é o que vai ao ar, e quem responde se não for?

No Studio, essa resposta tem nome. Eu desenho, acompanho o build e respondo pelo resultado, com preço fechado depois do diagnóstico e prazo escrito no contrato. Foi assim que a LCX juntou um sistema por país em um sistema só, no ar em 29 dias.

Se você precisa de um sistema ou SaaS em que o design não se perde no caminho até o código, é esse fluxo que o Studio coloca para rodar no seu projeto.