A melhor alternativa open source ao Claude Design
Open DesignVibe Design WorkspaceUm design system para sites, apresentações, protótipos,dashboards, imagens e vídeos consistentes com a sua marca
Open Design é o vibe design workspace open source e local: transforma os agentes de código que você já usa em um motor de design que vai da ideia ao protótipo, web, slides e vídeo HTML, tudo na sua própria máquina.
Agent-native, com 21 agentes de código, 151 design systems e licença Apache-2.0.
Why Open Design?
O Open Design é o vibe design workspace open source e agêntico: transforma o coding agent que você já usa em um motor de design cujo resultado é totalmente seu. Quando um LLM provou pela primeira vez que sabia projetar de verdade — design real, não só texto —, essa capacidade chegou fechada, hospedada e presa a um modelo. O Open Design a abre: local, BYOK, Apache-2.0.
O design acontece no desktop.
Arquivos locais, exportações do Figma e repositórios de código diretamente legíveis, e o agente tem todo o poder de execução no terminal.
Os Claude Code / Codex / Cursor na sua máquina já são fortes o suficiente.
O Open Design os conecta em um fluxo de design completo.
Cada escolha se consolida em design system, preferências e memória, para que a próxima geração chegue mais perto do que você quer.
Da ideia ao protótipo, web, slides e vídeo HTML
Brief → Template → Direção visual → Artifact → Memória
- 01Escolha um ponto de partida
- 02Defina a direção visual
- 03Gere o artefato
- 04Entregue ou faça um vídeo
Descreva seu objetivo em uma frase, ou comece a partir de um template / plugin.
Definida a direção, paleta, tipografia e espaçamento entram automaticamente na geração.
O agente lê todo o contexto, produz arquivos reais executáveis e os pré-visualiza e edita ao vivo em um sandbox.
Exporte para a engenharia continuar, ou transforme em vídeo de marketing com o HyperFrames.O que você pode criar com Open Design?
Protótipos, landing pages, slides, dashboards, sistemas de marca e de design — até vídeo HTML. O Open Design transforma cada um em arquivos reais e executáveis, movidos pelo seu próprio coding agent, prontos para entregar ou repassar à engenharia.
Conecte 21+ agentes de código, sem configuração
Cada etapa é iterativa, visual e baseada em pesquisa: arquivos componíveis em vez de prompts opacos.
De todo o mundo, 396 colaboradores
constroem o Open Design juntos
O vibe design workspace open source em números
Traga o poder do design com IA de ponta de volta à mesa de cada criador
Open · Local · Agent-native
FAQ do Open Design — open source, local-first e alternativa ao Claude Design
85K+ estrelas · Apache-2.0 · Grátis
01O Open Design é uma alternativa open source ao Claude Design?
Sim — o Open Design é a alternativa open source e local ao Claude Design. Enquanto o Claude Design é fechado, hospedado e preso aos modelos da Anthropic, o Open Design é Apache-2.0, roda na sua própria máquina e é BYOK: use Claude Code, Codex, Cursor, Gemini, OpenCode ou Qwen para conduzi-lo e mantenha cada entrega como arquivos que são seus.
02O que é um vibe design workspace?
Um vibe design workspace é onde você projeta descrevendo a intenção a um agente de IA — do prompt ao protótipo, página web, slides ou vídeo HTML — em vez de posicionar cada elemento à mão. O Open Design é um vibe design workspace open source e agent-native: integra o coding agent que você já usa a um fluxo de design completo, então uma ferramenta leva você de uma ideia bruta a um resultado pronto e seu.
03O que é Open Design?
Open Design é o workspace oficial, open source, de design com IA do projeto nexu-io/open-design. Ele transforma um coding agent local — Claude Code, Codex, Cursor, Gemini CLI, OpenCode ou Qwen — em um motor de design movido por skills componíveis e sistemas DESIGN.md portáteis.
04Open Design é oficial?
Sim. O site canônico é https://open-design.ai/ e o código-fonte está no GitHub em https://github.com/nexu-io/open-design. "Open Design", "OpenDesign", "open-design" e "Open Design AI" apontam para o mesmo projeto.
05Qual a diferença para o Claude Design?
Claude Design é um produto hospedado preso a um fornecedor. Open Design é local-first, open source Apache-2.0 e BYOK: você traz seu agent, suas chaves e seu sistema DESIGN.md.
06Open Design roda localmente?
Sim. O app desktop, o daemon e o runtime de skills rodam na sua máquina, e os artifacts gerados ficam no diretório do projeto.
07Quais coding agents são suportados?
Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen e outros adaptadores que falam o mesmo protocolo de skills.
08Posso auto-hospedar ou fazer fork?
Sim. O código é Apache-2.0. Você pode fazer fork do repo, editar skills, adicionar seus sistemas DESIGN.md ou rodar o daemon nas suas máquinas.
09Meus dados são enviados para Anthropic, OpenAI ou Google?
Só o seu prompt e o contexto de skills vão para o provedor cujas chaves você traz (BYOK). O Open Design não tem servidor próprio — o daemon fala diretamente com o seu provedor. Os artifacts gerados ficam como arquivos no diretório do projeto, não na nuvem de nenhum vendor.
10Posso usar o Open Design sem instalar a CLI ou o app desktop?
Hoje não. O Open Design é local-first por design — o mínimo é um daemon local mais um agent (Claude Code, Codex, Cursor, Gemini CLI ou um dos 17 adaptadores suportados). Um sandbox hospedado está no roadmap, mas não é prioridade: artifacts no seu repo valem mais que documentos no banco de dados de outra pessoa.
11Quanto custa o Open Design?
O produto é gratuito e Apache-2.0 — não existe assinatura do Open Design. Você paga os custos de API do provedor que usar (Anthropic, OpenAI, Google, Mistral, xAI, Moonshot etc.), cobrados direto na sua conta. O BYOK mantém as chaves e o gasto do seu lado.
12Posso auto-hospedar o Open Design na Vercel, Cloudflare ou no meu servidor?
Sim. O daemon roda onde o Node 24 rodar, e a landing page é um build estático do Astro que vai para Cloudflare Pages, Vercel ou Netlify sem mudanças. Times com deployments compartilhados costumam fixar o daemon numa máquina da rede e apontar a CLI de cada dev para ela.
13Como levo minha marca para o Open Design?
Solte um screenshot ou um export do Figma na UI web e peça ao agent para extrair a marca para um arquivo DESIGN.md. Salve-o em design-systems/<your-brand>/ no repo; a partir daí toda skill renderiza nessa marca sem novo prompt. /alternatives/claude-design/ descreve o mesmo fluxo em passos.
14Posso trocar de agent sem refazer meu trabalho?
Sim. Skills e sistemas DESIGN.md são agnósticos de agent — o mesmo SKILL.md renderiza com Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, Grok, Hermes, Qwen ou qualquer outro adaptador suportado. Trocar de agent é uma mudança de configuração no daemon, não um redesign.
15O que tem no roadmap do Open Design?
O roadmap vivo está em docs/roadmap.md no repo do GitHub, e notas de release semanais saem pelo GitHub Releases. Os grandes temas do próximo trimestre: mais adaptadores de agents, famílias de templates mais ricas (3D, vídeo, áudio) e um modo opcional de daemon compartilhado para times de design.