Migrando do Claude Design para o Open Design — A configuração sem limites

Este guia é um manual de migração para qualquer pessoa que esteja esbarrando nos limites semanais brutais do Claude Design: instale o Open Design, traga seu trabalho existente, construa com qualquer modelo que você quiser, troque de modelo no meio do projeto, adicione imagens de IA e faça o deploy — tudo localmente. Ele segue a migração completa que Jack Roberts conduz em seu passo a passo prático, reescrito e atualizado com a versão atual. Assista ao vídeo acima para ver a execução ao vivo, ou continue lendo para a versão escrita.

O workspace do Open Design — protótipos, apresentações de slides, imagens e vídeo em um único canvas tranquilo e familiar.

Por que migrar afinal?

O argumento de Jack é direto: o Claude Design é genuinamente bom, mas os limites te paralisam. Você fica preso a um único modelo (Opus 4.7), limitado a cerca de um par de designs relevantes por semana, e pagando US$ 20–US$ 200/mês por cima do que você já gasta com programação. No momento em que você quiser um modelo mais barato, um modelo diferente, ou projetar em escala, você fica travado.

O Open Design derruba essas barreiras:

• Qualquer modelo que você quiser — e você pode trocar no meio do projeto.
• Sem limite semanal — a geração roda sobre o agente e os provedores que você já usa.
• Apache-2.0 — comercialmente seguro para trabalho com clientes, ao contrário de repositórios clones com licenças restritivas.
• Local-first — nada é enviado para a nuvem; seus projetos ficam na sua máquina.

Esse ponto sobre a licença importa mais do que parece: Jack enfatiza que vários “clones do Claude Design” não podem, na prática, ser usados em projetos de clientes. Apache-2.0 significa que você pode entregar trabalho pago construído com ele, sem royalties, sem precisar de permissão.

Passo 1 — Instale o Open Design

Três formas de começar:

Caminho	Melhor para	Requisitos
App de desktop	A maioria das pessoas — configuração zero	Nenhum. Basta baixar e abrir.
Rodar a partir do código-fonte	Desenvolvedores que querem ler ou modificar o código	Node ~24, pnpm 10.33.x
Instalar no seu agente	Pessoas que vivem no terminal	Uma CLI de coding-agent já instalada

O caminho mais simples é o app de desktop em open-design.ai/download — ele detecta automaticamente as CLIs de agentes que você já tem instaladas. No vídeo, Jack segue o caminho de desenvolvedor entregando o repositório ao seu agente e deixando-o clonar e executar:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Ele abre seu próprio app web local — seu workspace hospedado localmente, no estilo Claude Design — na URL dinâmica que ele imprime (não fixe a porta no código).

Passo 2 — Traga seu trabalho do Claude Design

O passo de migração que as pessoas mais querem: importar seu projeto do Claude Design. Se você construiu um design system ou projeto no Claude Design, você pode trazê-lo diretamente — abra-o lá, baixe o projeto como um ZIP e depois importe esse ZIP no Open Design. Seus tokens e componentes vêm junto, então você não precisa reconstruir do zero.

A biblioteca de design systems: cada item decompõe uma marca real em paleta, tipografia, componentes e atmosfera visual que você pode reutilizar.

Você também herda uma profunda biblioteca integrada de design systems — Airbnb, Apple, Nike, PlayStation, e muitas outras — então, mesmo sem importar nada, você pode escolher uma marca e o agente herda sua voz, tipografia, paleta e linguagem de layout.

Passo 3 — Construa com o modelo que você escolher

No primeiro lançamento, o Open Design mostra os agentes já instalados na sua máquina. Jack escolhe o Claude Code, dá um nome ao projeto (“analytics”), opta por alta fidelidade e escreve um briefing para um dashboard no estilo Stripe. O Open Design faz suas perguntas de esclarecimento — superfície, público principal, tom, escopo, cor de destaque — e então percorre uma lista de tarefas e produz um dashboard interativo de uma só vez. Uma segunda rodada de feedback o deixa pronto para produção.

A biblioteca de templates: pontos de partida de protótipo, slide, imagem e vídeo que você pode filtrar por tipo e bifurcar para começar.

Passo 4 — Troque de modelo no meio do projeto

Esse é o movimento favorito de Jack e o que o Claude Design não consegue fazer. No meio do projeto, abra o seletor de modelos (canto inferior esquerdo), mude do Claude Code para o Codex (ou ChatGPT, Gemini, qualquer um que você tenha conectado) e salve. Agora sua próxima mensagem — “suavize o stream de eventos ao vivo, ele parece travado” — é tratada pelo novo modelo, no mesmo projeto, com o mesmo contexto.

A dica profissional dele: use o Opus para estabelecer o design inicial, depois mude para modelos mais baratos para iterar e escalar. É muito mais fácil para um modelo produzir mais do mesmo do que criar uma aparência a partir de princípios fundamentais, então deixe o modelo mais forte definir a arquitetura e deixe os mais baratos fazerem o volume.

Passo 5 — Adicione imagens de IA e faça o deploy

Adicione uma chave de provedor de mídia (por exemplo, OpenAI para GPT Image) nas configurações, e você poderá pedir imagens geradas direto no fluxo — “adicione uma imagem em estilo Ghibli de um cofrinho de investimento em uma das caixas” — e ela cai direto no design, com gradientes e tudo. Essa geração inline é algo que um clone puramente de design não te oferece.

Quando você terminar, o Compartilhar te dá o menu completo de exportação: HTML autônomo, PowerPoint, PDF, ZIP, salvar como template — ou fazer deploy direto na Vercel com seu token. Baixe como um ZIP e você também poderá reabri-lo no Codex, Claude ou no editor de sua preferência.

Quando trocar (e quando não trocar)

Jack é honesto sobre o encaixe. Troque para o Open Design se você for uma agência ou freelancer que precisa de saída comercialmente segura, um operador multimodelo que já paga por Claude Code / Codex / Cursor, ou se você está estourando o limite semanal do Claude Design e só quer mais designs. Fique com o Claude Design por enquanto se você é totalmente novo em tudo isso e está satisfeito dentro dos limites dele.

Uma ressalva: o Open Design é um projeto jovem e em rápido movimento, então espere alguma aspereza ocasional e dê um pouco de paciência — ele está melhorando rapidamente.

Dicas

• Importe seu ZIP do Claude Design primeiro — não reconstrua um sistema que você já tem.
• Defina a aparência com o Opus, depois mude para modelos mais baratos para iterar e escalar.
• Adicione uma chave de mídia para obter imagens de IA inline — um upgrade real em relação a uma ferramenta de design estática.
• Use uma CLI local para que a geração rode sobre uma assinatura que você já paga, e não taxas por chamada.
• Exporte cedo (HTML/ZIP/Vercel) para validar antes de fazer a entrega.

FAQ

Meus projetos do Claude Design vão ser transferidos? Sim. Baixe seu projeto como um ZIP do Claude Design e importe esse ZIP no Open Design — tokens e componentes vêm junto.

Posso realmente usar qualquer modelo? Sim — escolha entre os agentes instalados na sua máquina (Claude Code, Codex, Gemini, Cursor, OpenCode, e mais), alterne entre eles no meio do projeto, ou traga sua própria chave de API.

É seguro para trabalho com clientes? Sim. O Open Design é Apache-2.0, então você pode usá-lo comercialmente sem royalties ou permissão — ao contrário de alguns clones com licenças restritivas.

É gratuito? O app é open source sob Apache-2.0 e gratuito para rodar localmente. Você paga apenas pelo uso de modelo e mídia de qualquer agente e provedores que você conectar — que é exatamente como você escapa do limite mensal fixo.

---

Este guia escrito é baseado no passo a passo prático de Jack Roberts. Assista ao vídeo completo acima e inscreva-se no canal de Jack Roberts para mais análises práticas de construção com IA.