Craft com IA: Figma e Claude no mesmo fluxo

A IA deixou o design mais rápido nas pontas: na pesquisa, antes das telas, e na passagem para o código, depois delas. O meio, onde se decide a hierarquia de uma tela, o ritmo de uma lista ou o peso de um botão, continua sendo trabalho de designer. É nesse meio que mora o craft.

O que chamamos de craft

Craft é o conjunto de pequenas decisões que ninguém nota quando estão certas: o alinhamento que não escapa por dois pixels, o texto de erro que explica o que fazer, a animação que confirma uma ação sem atrasar a próxima, o estado vazio que convida a pessoa a começar. Somadas, elas fazem um app parecer confiável.

Onde usamos o Claude no processo de design

• —Pesquisa: organizar transcrições de entrevistas, agrupar o que se repete e separar opinião de comportamento.
• —Conteúdo: escrever variações de textos de interface, mensagens de erro e estados vazios para a gente escolher e ajustar.
• —Exploração: levantar caminhos diferentes para um fluxo antes de desenhar, para não ficar preso à primeira ideia.
• —Revisão: checar se um fluxo cobre os casos de borda, como sem internet, sem permissão ou com dados incompletos.
• —Documentação: descrever componentes e regras do design system para quem vai usar depois.

Onde o Figma continua no centro

As telas, os componentes e as variáveis continuam no Figma. É lá que o time olha, comenta e decide. Com o servidor MCP do Figma, agentes como o Claude conseguem ler esse contexto e, com as permissões certas, até criar frames e componentes usando o design system como referência. Isso acelera tarefas mecânicas, como montar variações de um componente ou preencher telas com dados reais.

Três cuidados para a IA não achatar o design

1. 01Decida a direção antes de pedir. A IA tende ao meio-termo. Se a referência visual não está clara, o resultado vai parecer com todos os outros apps.
2. 02Revise no tamanho real. Olhe a tela no celular, com o dedo. Muita coisa que funciona na prancheta não funciona na mão.
3. 03Guarde o tempo ganho para o acabamento. O que a IA economiza na parte mecânica deve ir para os detalhes que ela não enxerga.

Na BAUX

Usamos Figma, Claude e Cursor no mesmo fluxo, com design e código no mesmo time.

Conheça nosso trabalho em design e UX