/design: artboards editáveis direto no terminal

Em preview de pesquisa desde a semana de 17 de agosto, o comando /design traz o fluxo de artboards do Claude Design para dentro do CLI e do Claude Code Desktop. Você descreve a tela, o Claude publica variantes editáveis lado a lado, e só quando uma delas convence é que pede para transformar em código de verdade no seu projeto.

O /design é construído em cima de artifacts e reaproveita o mecanismo de canvas do Claude Design: ao descrever a tela que você quer, o Claude publica vários artboards editáveis lado a lado, em vez de um bloco único de código. Dentro do canvas dá para mudar cor, mover um bloco ou alargar um espaçamento clicando direto no elemento — sem escrever prompt para cada ajuste pequeno.

A etapa de implementação fica separada de propósito: só depois de escolher e ajustar um artboard é que você pede ao Claude para transformar aquilo em código do projeto de verdade (React, Tailwind, HTML puro, o que for). Está em preview de pesquisa, disponível nos planos Pro, Max, Team e Enterprise a partir da v2.1.233.

Por que importa

Para quem já usa React e Tailwind no dia a dia, é uma forma de separar a decisão visual (como o card ou o formulário deve ficar) da decisão de implementação, sem sair do terminal nem depender de um Figma paralelo. Vale testar num componente pequeno antes de confiar nele para uma tela inteira — ainda é preview, sem garantia de estabilidade.