Alternativa gratuita ao Claude Design? Testando o Open Design AI

Este é um teste real, sem roteiro, do Open Design feito por alguém que constrói e gerencia sites para viver, mas que não se considera designer. Dan Davies adorou o Claude Design quando ele foi lançado, mas logo esbarrou de frente nos seus baixos limites de uso — então ele foi atrás de uma alternativa open source que pudesse conectar à própria assinatura de IA. Assista à sessão completa no walkthrough ao vivo dele, ou leia a versão escrita abaixo.

O workspace do Open Design: descreva o que você quer, escolha um modo e deixe o agente de codificação pelo qual você já paga fazer o trabalho.

O que é o Open Design?

O Open Design é uma plataforma de design open source e local-first — uma alternativa agent-native ao Claude Design e ao Figma. Em vez de te prender ao modelo de um único fornecedor e a um pool de créditos fixo, ele roda em cima do agente de codificação que você já usa.

• Open source, Apache-2.0 — clone, hospede você mesmo, leia cada linha, ou simplesmente baixe o app de desktop.
• Local-first — seus projetos vivem nas suas próprias pastas, na sua própria máquina, não na nuvem de outra pessoa.
• Traga seu próprio agente, não só a sua própria key — conecte Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode, Hermes e mais; o CLI que você conectar é quem conduz a geração.
• Mais do que protótipos — diretrizes de marca, artes de marketing, layouts estilo slide e designs de web completos, tudo a partir de um único workspace.

Se você já usou o Claude Design, a sensação é imediatamente familiar. Como Dan coloca no vídeo, "é literalmente o Claude Design — mesmo layout, funciona do mesmo jeito." A diferença está no que roda por baixo, e em quem paga a conta.

O problema de limite de uso que o Open Design resolve

A história do Dan é uma que muita gente vai reconhecer. Ele ficou genuinamente impressionado com o Claude Design no lançamento — gostava do que conseguia criar — mas "os limites de uso eram tão baixos que não era sustentável continuar usando." Assim que você entra de fato num projeto e começa a iterar, você bate rápido no teto, e a ferramenta fica muda bem na hora em que você está com embalo.

Foi exatamente essa frustração que o levou a procurar, e é exatamente essa lacuna que o Open Design fecha. Como o Open Design é open source e não revende acesso a modelo, não existe um medidor de créditos separado de ferramenta de design em cima do seu trabalho. Você traz seu próprio agente, e seu uso é governado pelo plano que você já tem com esse agente — não por um limite que a ferramenta de design impõe a você.

Para o Dan, um desenvolvedor que toca uma agência de WordPress e uma comunidade escolar ensinando WordPress, isso muda completamente a conta. Design deixa de ser um luxo medido por uso e passa a ser algo em que ele pode iterar o dia inteiro.

Traga seu próprio agente, não sua própria conta

Esse é o recurso ao qual o Dan sempre volta, e vale a pena entender bem. O Open Design não vem com um modelo próprio. Em Settings, ele detecta os CLIs de agentes de codificação já instalados na sua máquina e permite alternar entre eles.

Na configuração do Dan, encontrou dois: o Claude Code na linha de comando, e o Hermes agent (que ele conduz com uma assinatura do ChatGPT). "Você pode conectar basicamente qualquer coisa," ele observa — "não só um modelo, mas um agente." Se você quiser usar sua assinatura do Claude, pode; seu plano do Codex, pode; uma API key crua, também pode.

A distinção que ele traça é a que importa: ele evita deliberadamente API keys cruas, porque créditos pagos por chamada queimam dinheiro de verdade rápido em trabalho de design iterativo. Apontar o Open Design para uma assinatura que você já paga — o plano do Claude Code, ou o ChatGPT via Hermes — significa que você não está empilhando uma segunda conta em cima. Isso, mais do que qualquer outra coisa, é o motivo pelo qual ele prefere isso a uma ferramenta de design hospedada com seus próprios limites.

A biblioteca de templates e skills — incluindo coisas como migração do Figma e exportação para React ou Next.js — para que você não comece do zero absoluto.

Ele também percebe cedo a superfície de extensão: uma seção de tutoriais que linka vídeos reais da comunidade, uma área de plugins cheia de templates prontos que animam ao passar o mouse, e skills como Figma migration, export to React e export to Next.js. Ele deixa claro que ainda não explorou toda a capacidade — este é um primeiro contato prático —, mas a estrutura claramente já está lá.

Teste um: diretrizes de marca a partir de uma ideia vaga

A primeira tarefa séria do Dan é do tipo que normalmente exige o tempo de um designer profissional: um documento de diretrizes de marca para sua comunidade escolar WP Odyssey. Ele não tinha documentação clara do logo, ícones, fontes ou cores, então pediu ao Open Design para criar uma.

O resultado o impressionou. Capturou a marca como uma folha de diretrizes de verdade — uso do logo, a "marca de identidade" em forma de tridente que representa a jornada de aprendizado que ele conduz os alunos, regras de espaço livre, exemplos de uso incorreto, uma faixa de roxos indo até um "tinta" quase preto, e a fonte que ele queria. Chegou até a introduzir um gradiente roxo que ele gostou mais do que seu roxo chapado existente, e montou um motivo de "caminho" para a jornada ao longo do curso.

Duas coisas se destacam em como ele descreve isso. Primeiro, o Open Design produziu um resultado estruturado — não uma pilha solta de assets, mas um documento apresentável com uma linha de raciocínio consistente. Segundo, ele tratou aquilo como um artefato vivo: "vamos continuar trabalhando nisso para melhorar." Esse é o ciclo pretendido — gerar uma primeira versão forte a partir de uma marca real, e então refinar.

Nem tudo foi perfeito. Um teste anterior, mais breve — pedir para "melhorar" o site de um cliente de gestão de patrimônio quase sem briefing algum — voltou parecendo, nas palavras dele, um "AI slop" genérico. A própria leitura dele é justa e útil: "Nem sempre o problema é a ferramenta," ele diz. "É o jeito como você tá prompando ela."

Teste dois: desenhando os cards de missão

O ponto alto é um problema de design genuinamente complicado. A comunidade do Dan tem 14 cards de "missão" organizados em três por linha, divididos em níveis — standard, premium e VIP — e ele queria que os roxos escurecessem conforme o nível subisse, uma linha tracejada de "jornada" fluindo por cada linha e alinhando de card a card, e cada card mantendo um pouco de caráter individual.

Ele tinha tentado isso no dia anterior com o ChatGPT (via Hermes agent) e não deu certo — cores erradas, linhas quebradas, cards que ficavam todos idênticos, e em um momento ele se desviou completamente da especificação de marca, admitindo isso só quando questionado. Então na live ele começou um projeto limpo, trocou o agente de volta para o Claude Code, e alimentou direito: seu PDF de diretrizes de marca exportado, um print da sala de aula atual como referência, e um único card de exemplo para que ele redesenhasse só os cards, não a página toda.

Dessa vez o agente fez boas perguntas de descoberta — tamanhos finais dos assets, proporção, como o roxo deveria escurecer (gradiente gradual escalonado por nível), quantos por linha — e então produziu uma primeira versão forte. O veredito do Dan foi direto: "É um milhão de vezes melhor do que o que o ChatGPT fez ontem." Os cards usavam as cores certas, e, crucialmente, a linha de jornada se alinhava automaticamente entre os cards — algo que ele já tinha se preparado para corrigir na mão.

O Open Design tende a apresentar o trabalho gerado como um artefato real e estruturado — aqui, um design totalmente renderizado na pré-visualização — em vez de um monte solto de arquivos.

Não ficou perfeito — os roxos do nível standard saíram mais escuros do que ele queria, um logo se repetia onde ele preferiria variedade — mas essas são exatamente as observações que se realimentam no próximo prompt. Ele também apontou um dado honesto de custo: gerar aquele lote de cards usou cerca de 50% do uso do seu plano Claude de 20 dólares. A iteração de design não é livre de custo de modelo; ela só é livre de uma segunda conta de ferramenta de design.

Por que o modelo que você conecta importa

A conclusão mais clara da sessão do Dan é que a qualidade do resultado acompanha o agente que você conecta. A mesma tarefa, na mesma ferramenta, foi de uma bagunça confusa com um agente a um primeiro rascunho limpo com um mais forte. O Open Design é o workspace e a estrutura; o modelo é o motor.

Ele também faz uma boa comparação com ferramentas de imagem genéricas: tinha tentado tarefas parecidas em um gerador de imagens genérico e ele "se atrapalhou," enquanto o Open Design "parece ter um pouco mais de estrutura no que entrega." Ao pedir gráficos, ele montou uma pequena página web para exibi-los e baixá-los — um entregável apresentável, não só uma saída crua.

O plano dele daqui pra frente diz muito sobre onde essa ferramenta se encaixa em um fluxo de trabalho real: continuar refinando os cards, depois avançar para construir homepages de sites, entregar o resultado para o VS Code pelo canto superior direito, e eventualmente gerar templates WordPress editáveis para que os clientes continuem tendo os benefícios de um CMS de verdade. Esse é o arco prático — de assets de marketing a sites prontos para publicar — que uma ferramenta de design aberta e conectável a qualquer agente torna alcançável para uma equipe técnica sem um designer em tempo integral.

Perguntas frequentes

O Open Design é realmente grátis? O software é open source sob a licença Apache-2.0 e gratuito para rodar localmente. Você não paga nada ao Open Design. Você só paga pelo uso do agente de codificação que conectar — e se conectar uma assinatura que já tem (como o plano do Claude Code), não há conta extra de ferramenta de design em cima disso.

Em que ele é diferente do Claude Design? A mesma sensação familiar, mas open source, local-first e conectável a qualquer agente. Em vez de um único modelo hospedado com um pool de créditos fixo e baixo, você traz seu próprio agente e seu uso segue o plano que você já tem. Como a sessão do Dan mostra, isso remove a parede de limite de uso que tornava o Claude Design difícil de sustentar em iteração pesada.

Eu preciso usar uma API key? Não — esse é o ponto que o Dan mais reforça. O Open Design detecta os CLIs de agentes na sua máquina e permite usar uma assinatura em vez de créditos de API pagos por chamada, que ele descobriu que queimam dinheiro rápido em trabalho iterativo.

Qual agente eu devo conectar? O que produzir os melhores resultados para a sua tarefa — a qualidade do resultado acompanha o modelo. No vídeo, o mesmo trabalho de design de cards foi de uma bagunça com um agente a um primeiro rascunho limpo depois de trocar para o Claude Code, então recorra a um agente capaz quando o resultado importar.

Quem não é designer consegue mesmo bons resultados? Sim, com as entradas certas. Dan é desenvolvedor, não designer, e conseguiu diretrizes de marca e cards de sala de aula utilizáveis — mas a lição que ele mesmo tira é que prompts rasos entregam "AI slop." Dê a ele uma especificação de marca de verdade, imagens de referência e restrições claras, e depois itere.

---

Este guia escrito é baseado no teste ao vivo do Open Design feito por Dan Davies. Assista à sessão completa acima e inscreva-se no canal de Dan Davies para mais lives práticas sobre WordPress e ferramentas de IA.