Open Design: A alternativa Claude Design que eu realmente uso

Quase não experimentei o Open Design.

Era uma manhã de sábado, meu Codex CLI estava aberto em uma aba, Claude Code estava executando um agente em outra, e a última coisa que eu queria era uma quarta ferramenta de design para cuidar. A Anthropic enviou o Claude Design em 17 de abril de 2026 – eu brinquei com ele por cerca de uma hora na semana em que foi lançado, observei-o gerar uma apresentação limpa de três slides e fechei a guia porque os limites de taxa em meu plano Pro continuavam parando no meio do prompt. Produto legal. Jardim murado. Ir em frente.

Então, um amigo colocou um link GitHub em nosso grupo Signal e escreveu quatro palavras: "Este é o único." Nome do repositório: nexu-io/open-design. Slogan: "Alternativa local e de código aberto ao Claude Design da Anthropic." 18,2 mil estrelas, cinco dias atrás. Eu o clonei, executei o pnpm install, abri o localhost e, em vinte minutos, eu tinha uma página inicial do boletim informativo para desktop na tela - gerada pelo Codex CLI, conduzida por meio do sistema de habilidades do Open Design, exportada para um pacote HTML estático limpo que eu poderia entregar a um desenvolvedor.

Foi quando fechei a aba Claude Design para sempre.

Esta não é uma remoção do produto da Anthropic. Claude Design é uma ferramenta lindamente construída dentro dos aplicativos Claude e, para um designer que vive inteiramente dentro de Claude.ai, pode ser exatamente o suficiente. Mas é pago, somente na nuvem, de modelo único e com taxa limitada – e no momento em que você deseja apontar seu próprio agente de codificação para a tela, conectar sua própria chave API ou executá-la off-line em um voo, a parede se choca. Open Design derruba essa parede. Tem o mesmo formato - painel esquerdo para protótipos, apresentações de slides, geração de mídia, seletor de sistema de design, light/dark, toda a vibração - exceto que é gratuito, roda localmente em seu laptop e detecta automaticamente quaisquer CLIs de agente de codificação que você já tenha instalado.

Estou usando há dez dias. Esta é a versão honesta do que funciona, do que não funciona e de quem deve mudar.

O que Claude Design realmente é - e por que tantas pessoas batem em suas paredes

Antes de entrar no Open Design, aqui está o que a maioria das postagens ignora: explicar o que Claude Design é de uma forma que faça sentido se você ainda não experimentou.

Claude Design é o produto de design AI original da Anthropic Labs. Ele foi lançado na visualização da pesquisa em 17 de abril de 2026, desenvolvido com Claude Opus 4.7, e permite que você fale com Claude para produzir protótipos, slides, one-pagers e artefatos visuais curtos - tudo de dentro da interface Claude regular. Você descreve uma página de destino. Ele gera um protótipo funcional. Você diz para ele fazer uma apresentação de cinco slides para um lançamento de SaaS. Produz algo polido o suficiente para ser apresentado aos investidores. Você solicita que ele aplique o sistema de design da sua empresa e ele pode extrair de sua base de código ou arquivos de design para manter o resultado da marca.

A saída é genuinamente boa. Eu o observei produzir seções de heróis que levariam meio dia para um designer freelancer. Para quem não é designer – fundadores, PMs, profissionais de marketing – é um salto. Anthropic apresentou explicitamente para "pessoas que não estão começando com uma ferramenta de design e precisam passar de uma ideia para algo visual rapidamente", e esse enquadramento está correto.

Mas é aqui que meu amigo de sábado de manhã também estava certo. Claude Design tem quatro limites rígidos que começaram a me custar em tempo real:

É restrito ao Pro, Max, Team ou Enterprise. Isso é um mínimo de $ 20/month apenas para acessar a visualização da pesquisa e $ 100- $ 200/month para realmente usá-lo sem engasgar com os limites de taxa. Tudo bem se você já estiver pagando. É estranho se você está tentando dar acesso a um designer júnior sem comprar um assento para ele. 2. Ele executa Opus 4.7. Apenas Opus 4.7. Sem GPT, sem Gemini, sem Kimi, sem modelos locais. Tudo o que Claude é bom, você consegue. Seja o que for, você come. 3. É apenas na nuvem. Sem modo offline. Nenhum acesso a arquivos locais sem passar pelas integrações oficiais do MCP. Você não pode apontar para uma pasta no seu Mac e dizer “veja primeiro esses ativos da marca”.

Seu trabalho reside na infraestrutura da Anthropic. As exportações saem limpas — PDF, PPTX, URL ou push para Canva — mas o documento de trabalho é deles. Se sua conta tiver fluxo intermediário com taxa limitada, espere.

Não sou antiantrópico. Escrevo sobre Claude Code constantemente. Mas a corrida de superagentes que abordei no mês passado deixou uma coisa óbvia: em 2026, restringir-se a um modelo para qualquer ferramenta criativa é um erro. A fronteira muda a cada seis semanas. Qualquer fornecedor que tenha sido melhor em abril raramente será o melhor em junho.

Essa é a lacuna para a qual Open Design entra diretamente.

O que é Open Design - e por que "Local-First" é o ponto principal

Open Design é um projeto licenciado Apache-2.0 de Tom Huang e da equipe nexu.io. O repositório GitHub atingiu 18 mil estrelas nos primeiros cinco dias, que é o tipo de trajetória que você só vê quando um projeto acerta o tempo. Ele foi lançado enquanto o Claude Design ainda estava em pré-visualização de pesquisa – e enquanto todos os desenvolvedores que conheço já estavam gritando sobre os limites de taxa.

O tom é limpo: mesma área de superfície do Claude Design, mas primeiro local, BYOK em todas as camadas e conduzido por qualquer CLI do agente de codificação em que você já confia.

Aqui está o que isso realmente significa no README, verificado em relação à versão do repositório ativo:

19 habilidades combináveis. Não 31, apesar do que alguns artigos iniciais afirmam - a contagem atual é 19. Esses são os movimentos de design que o sistema pode encadear: gerar, iterar, remodelar, fatiar, exportar e assim por diante. - 71 sistemas de design de nível de marca. Escolha um antes de solicitar e toda a saída herdará seus tokens, escala de tipo e convenções de componentes. Apple-clean, Stripe-clean, brutalista, editorial - a difusão é mais ampla do que qualquer ferramenta original que usei. - Até 15 CLIs de agente de codificação detectadas automaticamente. Na inicialização, o daemon verifica seu PATH em busca de claude, codex, devin, cursor-agent, gemini, opencode, qwen, copilot, hermes, kimi, pi, kiro-cli, kilo, vibe-acp e deepseek.

Quaisquer que sejam os candidatos a "mecanismos de design", você pode trocar em um seletor de modelo. - Modo BYOK API se você não tiver CLIs instalados. Conecte uma chave OpenAI, Anthropic ou compatível diretamente. - Visualização em sandbox, exportação HTML/PDF/PPTX/MP4, persistência SQLite e um daemon de acesso a arquivos de agente para agente — o daemon lê e grava arquivos, executa comandos e fornece arquivos de design para qualquer agente que você esteja usando. - Provedores de mídia para geração de voz, TTS e imagem, configuráveis por projeto. - Protótipos da Web, desktop, dispositivos móveis, slides, imagens, vídeos e HyperFrames — a superfície de saída completa espelha Claude Design e vai além em vídeo e HyperFrames.

O que mais bate na primeira vez que você o abre: o UI espelha o Claude Design quase batida por batida. Painel esquerdo com prototipagem, apresentações de slides, geração de mídia, modelos. Um controle deslizante de esforço de raciocínio. Alternar Light/dark. Seletor de sistema de design logo no topo. Existem até companheiros visuais de "animal de estimação" para navegação no espaço de trabalho - um pequeno detalhe que indica que a equipe estudou bastante a experiência do Claude Design e depois perguntou: "E se mantivéssemos o calor e abandonássemos a parede?"

Essa é toda a aposta. Mesma vibração. Modelo de propriedade diferente.

Quero mostrar como isso é na prática - mas primeiro, a instalação, porque é aqui que a maioria dos projetos "alternativos de código aberto" morrem.

Instalando Open Design sem colocar fogo em seu laptop

Essa é a parte em que quase desisti no sábado.

Não porque o Open Design seja difícil de instalar - na verdade, é uma das configurações mais limpas do pnpm que enviei este ano - mas porque o README pressupõe que você leia com atenção. Eu não. Tentei primeiro o pnpm dev (um alias herdado removido), recebi um erro confuso e quase fechei o repositório. Não faça isso. Leia o QUICKSTART.md. É curto. Funciona.

Esta é a sequência que me colocou em execução no macOS Sonoma em aproximadamente 18 minutos, incluindo a etapa de configuração da CLI do agente.

Etapa 1 — Obtenha o Node 24 em sua máquina.

Open Design precisa do nó 24+. Se você estiver em nvm, será nvm install 24 && nvm use 24. Se você estiver em fnm, o equivalente. Se você ainda está no Node 18 porque algum outro projeto o prendeu lá, apenas faça o escopo do shell para este projeto - você não precisa destruir seu Node global.

Etapa 2 — Habilite o Corepack para que pnpm corresponda ao pin do repositório.

corepack enable

O repositório fixa [email protected] por meio do campo packageManager. Corepack lê isso e usa a versão correta automaticamente. Isso é o que salva você do desvio de instalação "funciona na minha máquina" que assombrou as ferramentas JS por uma década.

Etapa 3 — Clonar e instalar.

git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install

A instalação eliminou um pedaço de dependências - o projeto inclui um daemon, uma camada da web, um shell de desktop e o tempo de execução de habilidades - mas terminou sem um único aviso amarelo em minha máquina, o que é mais do que posso dizer pela metade dos repositórios AI que toco.

Etapa 4 — Execute o servidor de desenvolvimento.

Este é o comando que realmente inicia a coisa:

pnpm tools-dev run web

Isso inicia o daemon mais a camada da web em primeiro plano. Você verá a inicialização do daemon, verificará seu PATH em busca de CLIs do agente de codificação e relatará quais foram encontrados. Na minha máquina ele pegou claude, codex, gemini, cursor-agent e opencode automaticamente – o que era exatamente o que eu queria.

Se você deseja a pilha completa (daemon + web + desktop), execute pnpm tools-dev sem argumentos, mas o destino da web é o correto para o primeiro passo a passo. macOS, Linux e WSL2 são os principais caminhos suportados. O nativo do Windows deve funcionar para a maioria dos fluxos, mas os mantenedores recomendam o WSL2 como a linha de base mais segura.

Etapa 5 — Abra localhost e habilite o pacote principal.

O terminal imprimirá uma URL localhost — para mim era http://localhost:5173. Abra. A primeira coisa que o aplicativo pede é ativar o pacote principal (o pacote de habilidades + sistemas de design). Confirmar. No Win/macOS isso leva cerca de trinta segundos.

Etapa 6 — Configure seus agentes e provedores no daemon UI.

Dentro do aplicativo, há um painel Configurações → Tempos de execução. É aqui que mora a magia. Você verá cada agente CLI que o daemon detectou, classificado de acordo com o que é mais íntegro. Você pode:

Escolha qual CLI é executada como seu "mecanismo de design" padrão.
Insira uma chave BYOK API para qualquer provedor não representado como CLI.
Conectar provedores de mídia – TTS, fala, geração de imagens – separadamente. Conectei uma chave ElevenLabs para narração e uma chave OpenAI para geração de imagens. Ambos funcionaram na primeira tentativa.

Se nenhuma de suas CLIs locais for detectada (digamos que você esteja em um Mac novo), o modo BYOK compensa. Você nunca fica preso.

Todo o fluxo é o tipo de coisa que eu esperava que acontecesse em um fim de semana. Demorou menos tempo do que instalar a atualização mais recente da Adobe Creative Cloud.

O teste de cinco minutos que me fez mudar

Aqui está o projeto que me convenceu.

Eu precisava de uma maquete de página de destino para um boletim informativo que lançarei em junho - de alta fidelidade, voltado para desktop, elegante e pronto para ser entregue a um desenvolvedor. Normalmente eu abriria Figma, esboçaria wireframes e, em seguida, encomendaria ou construiria sozinho no Tailwind. Em vez disso, abri Open Design e executei-o no fluxo padrão de novo projeto.

Tipo de projeto: Novo design. Fator de forma: Desktop/web. Fidelidade: Alta (não wireframe). Motor: Codex CLI. Sistema de design: Editorial — o que mais se aproxima da minha marca real. Esforço de raciocínio: Médio.

Então eu dei um prompt real - não um prompt de demonstração limpo, do tipo que eu realmente digitava:

"Página inicial do boletim informativo para um boletim informativo de engenharia AI chamado Signal. O público-alvo são desenvolvedores seniores e líderes de tecnologia. Herói com um slogan forte e opinativo, três propostas de valor curtas, visualizações de edições recentes como cartões, uma captura de e-mail limpa e um rodapé com redes sociais. Elegante, editorial, sem emojis, sem gradientes. Somente modo claro."

Codex o pegou, fez duas perguntas esclarecedoras por meio do sistema de habilidades — "Qual é o ângulo do artigo para o cartão de emissão mais recente?" e "Você deseja a captura de e-mail acima ou abaixo dos cartões de emissão?" — e começou a trabalhar. O controle deslizante de raciocínio ficou visível em tempo real. Cerca de 90 segundos depois, o painel direito renderizou um protótipo estático funcional. Tipografia de verdade. Espaçamento real. O slogan do herói atingiu. A grade de cartas estava no ritmo de 12 colunas que eu mesmo teria escolhido.

Comentei in-line sobre três coisas: reduza o slogan em quatro palavras, troque o estado de foco do cartão para uma borda sutil em vez de uma sombra e aumente o preenchimento do rodapé. Codex regenerou as seções afetadas – não a página inteira. Só isso já vale a instalação. Claude Design regenera de forma mais agressiva, o que é bom até que você tenha três iterações profundas e não queira perder seus ajustes manuais.

A exportação final me deu um pacote HTML, uma visualização em PDF e uma captura de tela que eu poderia colocar em um resumo Notion. Tempo total de pnpm tools-dev run web até "Posso entregar isso": cerca de seis minutos.

Foi nesse momento que minha guia Claude Design foi fechada definitivamente.

Onde Open Design vai além de Claude Design

Depois de dez dias, quatro dos diferenciais deixaram de parecer marketing e começaram a parecer pesados.

Multimodelo não é um recurso. É liberdade.

Parei de pensar em "qual modelo" como uma configuração e comecei a pensar nisso como uma escolha por tarefa. Codex me deu a saída de página de destino mais limpa. Claude Code, quando troquei o mecanismo, escreveu uma cópia melhor em formato longo dentro dos conjuntos de slides. Gemini foi o mais rápido na concepção de ideias quando eu só queria seis variações de layout para escolher. Open Design me permite combinar o modelo com o trabalho. Claude Design não pode fazer isso, por definição.

Se você já leu meu artigo sobre o fluxo de trabalho de dois agentes Codex-Claude Code, o modelo mental é o mesmo: agentes diferentes, forças diferentes, roteiam o trabalho. Open Design apenas traz esse padrão exato para a superfície de design.

O daemon de acesso a arquivos de agente para agente é o herói silencioso.

O daemon é executado abaixo do UI. Ele lê e grava arquivos, executa comandos e — a parte que importa — fornece arquivos de design para outros agentes em sua máquina. Então, quando terminei a maquete do boletim informativo, mudei para Claude Code, pedi para gerar a versão React + Tailwind da página e apontei para os arquivos de design que Open Design acabara de escrever. Claude Code os lê como qualquer outro arquivo de origem. Sem copiar e colar. Nenhuma solicitação de captura de tela. A transferência foi literalmente um caminho.

Esse é o tipo de arquitetura que levei três meses construindo minhas próprias equipes de agentes para apreciar. Ferramentas que não se comunicam são o gargalo dos fluxos de trabalho 2026 AI. Open Design apenas fala com qualquer outra coisa que esteja em seu laptop.

71 sistemas de design são mais do que eu esperava usar — e ainda assim continuo precisando deles.

Presumi que o seletor do sistema de design fosse um recurso de caixa de seleção. Escolha "Apple-clean" e siga em frente. Errado. Os sistemas abrangem editorial, brutalista, vítreo, neumórfico, argilamórfico, retro-impressão, documento técnico, comércio eletrônico e muito mais. Mudar o sistema antes da geração muda toda a produção – tipografia, espaçamento, formas dos componentes, raciocínio de cores. Agora penso nisso da mesma forma que penso em um fluxo de trabalho do sistema de design em Figma: é a base, não uma capa.

A exportação é real, não fechada.

HTML, PDF, PPTX, ZIP, MP4. As exportações são arquivos locais em sua máquina. Nenhuma viagem de ida e volta na nuvem. Se você já perdeu um artefato Claude porque uma sessão expirou, você sabe por que isso é importante.

Onde fica aquém - porque nenhuma ferramenta é mágica

Open Design é bom. Não é perfeito. Três lacunas honestas após dez dias:

As ferramentas de desenho ainda não estão disponíveis. O roteiro diz que elas estão chegando. No momento, se você quiser desenhar — esboçar uma forma de forma livre, desenhar uma curva, mover manualmente um nó — você terá que comentar e solicitar novamente. Claude Design tem o mesmo limite. Figma ainda vence na manipulação direta.

A configuração é mais amigável do que a maioria dos projetos de código aberto, mas ainda é apenas para desenvolvedores. Se você é um fundador não técnico que deseja "apenas abrir o aplicativo", isso ainda não é para você. A versão para desktop resolverá isso. Até então, você precisa de um terminal e conforto básico com pnpm.

O sistema de habilidades é poderoso, mas não está documentado para novos usuários. As 19 habilidades são compostas em longas cadeias, e o sistema é inteligente o suficiente para escolher padrões razoáveis. Mas no momento em que você deseja escrever uma habilidade personalizada, a documentação ainda é escassa. A equipe está enviando rapidamente, então isso pode ser resolvido quando você ler isto.

Algumas cadeias de habilidades levam tempo real com alto raciocínio. Um protótipo de desktop complexo com alto esforço de raciocínio não é um trabalho de 90 segundos — ele pode durar de dois a três minutos. Isso ainda é mais rápido do que a maioria dos loops de design humanos, mas se você está acostumado com resultados instantâneos de bate-papo, recalibre as expectativas.

Estou sinalizando isso porque não confio em avaliações elogiosas de nenhuma ferramenta e gostaria que alguém as sinalizasse para mim. Nenhum deles é um obstáculo. Todos eles podem ser corrigidos com o tempo de engenharia que o projeto claramente possui.

Quem deveria mudar — e quem não deveria

Depois de dez dias, tenho um modelo mental limpo de quem é o Open Design.

Alternar se:

Você é um desenvolvedor ou operador técnico que já executa CLIs como Codex, Claude Code ou Gemini.
Você se preocupa em possuir seu trabalho localmente – seus arquivos, suas chaves, sua máquina.
Você deseja usar o modelo certo para a tarefa certa em vez de ficar preso a um fornecedor.
Você está construindo um trabalho de cliente e precisa de exportações que não dependam da manutenção de uma conta de terceiros.
Você atingiu os limites de taxa do Claude Design.

Não mude (ainda) se:

Você mora inteiramente dentro do aplicativo da web Claude.ai e não tem outras ferramentas AI instaladas.
Você é um usuário não técnico que precisa de um instalador sofisticado e sem contato com o terminal.
Você precisa de ferramentas de desenho de manipulação direta hoje – não no roteiro, hoje.
A integração compartilhada do Canva pela sua equipe é de missão crítica (o Claude Design exporta para o Canva nativamente; o Open Design exporta para arquivos locais que você importaria).

Para mim, a matemática era simples. Eu já estava executando quatro CLIs de agente localmente. Eu já estava pagando pelas chaves API por trás delas. De qualquer maneira, eu já estava exportando arquivos de design para Claude Code. Open Design acabou de transformar aquela pilha bagunçada em uma superfície limpa.

Se você preferir que alguém conecte esse tipo de design multiagente e fluxo de trabalho de desenvolvimento à sua equipe sem problemas de instalação, eu assumo esses compromissos por meio de meu perfil Fiverr - geralmente uma configuração de uma ou duas semanas que termina com sua equipe executando sua própria pilha de agentes Open Design + em suas próprias máquinas.

O padrão maior Open Design faz parte

Open Design não é um evento isolado. É o movimento mais recente em um padrão que venho acompanhando durante todo o ano: a comunidade de código aberto alcançando - e depois ultrapassando - os produtos fechados AI dentro de seis a oito semanas após o lançamento.

Claude Code enviado. OpenCode e a cena CLI de agente aberto mais ampla se seguiram. Habilidades enviadas antrópicas. A comunidade lançou mercados abertos de habilidades. A Anthropic lançou Claude Design em 17 de abril. Open Design ultrapassou 18 mil estrelas em 22 de abril.

O que há de diferente no Open Design é que ele não clonou apenas a superfície do Claude Design. Ele repensou o tempo de execução. Claude Design executa Opus 4.7 nos servidores da Anthropic. Open Design executa tudo o que você tem, onde quer que esteja. Isso não é um delta de recurso. Essa é uma teoria diferente de como as ferramentas criativas AI deveriam funcionar em 2026.

Se você passou 2025 vendo os jogadores fechados lançarem lindas demos e 2026 vendo a comunidade aberta lançar lindas ferramentas, você já sabe para que lado o vento está soprando. Local-first + BYOK + multimodelo não é mais um nicho amador. Está se tornando a expectativa padrão para qualquer ferramenta AI na qual os operadores sérios confiam. A única questão é qual produto fechado será clonado este mês.

Esta semana, foi Claude Design. Open Design superou a curva do clone.

Perguntas frequentes

O que é Open Design e como ele difere de Claude Design?

Open Design é uma alternativa gratuita, local e de código aberto ao Claude Design da Anthropic lançado pela nexu.io no Apache-2.0. A principal diferença é a propriedade: Open Design é executado em sua máquina com suas próprias chaves API e oferece suporte a vários modelos AI, enquanto Claude Design é somente na nuvem, pago e bloqueado para Claude Opus 4.7. Para obter o passo a passo da instalação, consulte a seção acima.

Open Design é realmente gratuito e o que significa BYOK?

Sim – Open Design é gratuito e de código aberto. BYOK significa "Bring Your Own Key", o que significa que você fornece suas próprias chaves API para OpenAI, Anthropic, Google ou qualquer provedor compatível. Você paga a cada provedor apenas pelos tokens que realmente usa, sem nenhuma assinatura Open Design adicional.

Quais CLIs de agente de codificação o Open Design suporta?

O daemon detecta automaticamente até 15 CLIs na inicialização, incluindo Claude Code, Codex, Gemini, Cursor Agent, OpenCode, Qwen, GitHub Copilot CLI, Devin, Hermes e Kimi. Se você não tiver nenhum instalado, o modo BYOK API funciona como um substituto. Consulte o seletor de modelo no daemon UI para alternar entre agentes detectados.

Qual hardware e sistema operacional eu preciso para executar o Open Design?

Você precisa do Node 24+, pnpm (o repositório fixa 10.33.2 via Corepack) e macOS, Linux ou WSL2 como os principais caminhos suportados. O nativo do Windows funciona para a maioria dos fluxos. Qualquer laptop moderno que execute seus agentes CLI existentes executará Open Design.

O Open Design pode substituir o Figma?

Não - e não está tentando. Open Design substitui o fluxo de trabalho prompt-to-prototype que Claude Design ocupa. Ferramentas de desenho de manipulação direta estão no roteiro, mas não são enviadas. Para um trabalho manual com pixels perfeitos, você ainda vai querer o Figma. Da ideia ao protótipo e à exportação em minutos, o Open Design é a superfície mais rápida.

Vamos trabalhar juntos

Procurando construir sistemas AI, automatizar fluxos de trabalho ou dimensionar sua infraestrutura tecnológica? Eu adoraria ajudar.

Fiverr (compilações e integrações personalizadas): fiverr.com/s/EgxYmWD
Portfólio: mejba.me
Ramlit Limited (soluções empresariais): ramlit.com
ColorPark (design e marca): colorpark.io
xCyberSecurity (serviços de segurança): xcybersecurity.io

Open Design: A alternativa Claude Design que eu realmente uso