Como o Claude está substituindo o Figma no fluxo de design de interfaces

O Claude Design, lançado em abril de 2026 como prévia de pesquisa pela Anthropic Labs, não é um editor visual, é um compilador de intenção. Ele opera com o Claude Opus 4.7 e gera HTML, CSS e JavaScript prontos para produção a partir de prompts em linguagem natural, sem intermediários visuais. Diferente do Figma MCP, que exige um arquivo estruturado (com tokens, componentes nomeados e frames organizados), o Claude Design lê diretamente o contexto da codebase ou captura elementos de sites existentes para alinhar estilos e comportamentos. Isso elimina a etapa de tradução manual entre 'design' e 'código', mas também remove a camada de governança que o Figma oferece por padrão, como validação de tokens, restrições de acessibilidade ou regras de versionamento de componentes.

Na prática, isso muda o papel do engenheiro de software: ele deixa de ser o executor da transcrição de um frame do Figma e passa a ser o validador de arquitetura, o responsável por garantir que o código gerado respeite contratos de API, testes de integração, padrões de acessibilidade WCAG 3.0 e performance crítica (como LCP abaixo de 1s). A velocidade de prototipagem agora tem um custo oculto: a dívida técnica se acumula mais rápido quando o prompt é vago e o output não é auditado com foco em DX, experiência do desenvolvedor, e manutenibilidade.

Em maio, o CEVIU mostrou que o Claude Code ainda dependia do Figma como fonte de verdade, mesmo com o MCP, ele ignorava tokens e usava valores hex brutos. Agora, com o Claude Design, o Figma deixou de ser obrigatório. O modelo não precisa de um arquivo .fig para começar: aceita descrições textuais, URLs de produtos existentes ou até trechos de código-fonte como input. Isso representa uma mudança estrutural: o ponto de entrada do fluxo não é mais um canvas editável, mas um contrato de intenção escrito. A governança do design system migrou do arquivo Figma para o prompt e para as regras de validação pós-geração, exigindo novos padrões de documentação e testes automatizados de consistência visual.

Para equipes de produto, isso significa que o custo de experimentação caiu drasticamente, mas o custo de escala subiu. Um protótipo gerado em 2 horas pode vir com 17 variantes de botão, 5 versões diferentes de tipografia embutida em , e nenhuma referência a um sistema de design. Sem intervenção técnica precoce, esse código vira um ativo de difícil manutenção. Já para desenvolvedores, o impacto é duplo: menos tempo escrevendo boilerplate de UI, mas mais tempo auditando, refatorando e integrando o output à arquitetura existente. A IA não está substituindo o Figma para todos, está criando duas trilhas paralelas: uma para validação rápida de hipóteses (Claude Design), outra para construção colaborativa e governada (Figma + MCP + CI/CD).