Claude tem sido a ferramenta de IA que uso na maioria dos dias e isso provavelmente não mudará tão cedo. Além do chatbot em si, Claude Design também se tornou uma adição bem-vinda ao meu fluxo de trabalho desde que a Anthropic o lançou, há alguns meses. Nem precisei pagar a mais porque vinha com o plano Pro que eu já tinha para uso geral do Claude. Então tive um pouco de sorte nessa área.
Mas também sou uma daquelas pessoas que não consegue deixar de verificar alternativas às ferramentas com as quais já me sinto confortável, especialmente quando as ferramentas de IA estão a avançar tão rapidamente como agora. O Pro também tem um pool compartilhado, e o trabalho de design é muito mais rápido do que a maior parte do trabalho que faço em Claude, então, quando havia uma alternativa em minha mesa que me permitia construir pré-pago por meio da API ou totalmente gratuito por meio do modelo nativo, foi fácil de explorar. O design aberto foi o que acabei testando. E acabou sendo mais do que eu esperava…
Quer se manter atualizado sobre as últimas IA? O boletim informativo XDA AI Insider é publicado semanalmente com análises aprofundadas, recomendações de ferramentas e informações práticas que você não encontrará em nenhum outro lugar do site. Assine alterando suas preferências de boletim informativo!
Versão de código aberto do Claude Design
A mesma ideia de artefato, formato muito diferente
O Open Design caiu quase imediatamente após a Anthropic anunciar Claude Design e foi criado como uma alternativa direta de código aberto. Ele roda como um aplicativo de desktop nativo em macOS, Windows e Linux, o que já é bem diferente do Claude Design, que é somente nuvem e está vinculado ao plano Pro/Max/Team.
No entanto, a abordagem do artefato é a mesma. Você descreve o que deseja e o aplicativo transmite HTML/CSS/JS real entregue em um painel de visualização sandbox com HTML, PDF, PPTX e até MP4 como opções de exportação. Na verdade, o Open Design não envia seu modelo, o que eu acho que é o ponto principal. Isso é usado para qualquer CLI de agente de codificação que você tenha em seu computador, como Claude Code, Codex, Cursor, OpenCode e vários outros. Isso deixa a camada do modelo completamente dissociada do aplicativo, resultando em flexibilidade de custos.
Ele vem com mais de 250 habilidades (páginas mestras, painéis, decks, aplicativos móveis, basicamente todas as superfícies de design comuns) e mais de 140 sistemas de design, todos como arquivos Markdown simples que qualquer pessoa pode editar. A versão 0.9.0 também introduziu seu próprio modelo de roteador chamado AMR para pessoas que não desejam configurar a CLI. Você recarrega a carteira, escolhe um modelo e pronto. E a opção que realmente me pegou foi BYOK com qualquer endpoint compatível com OpenAI, o que significa que você também pode apontá-lo para um modelo nativo executado por meio de algo como LM Studio.
Pegue a rota local primeiro
Não foi suave
Para ser sincero, minha primeira reação ao abrir o aplicativo foi de pânico. O seletor de tempo de execução solicita que você escolha entre AMR, uma CLI de agente de codificação nativa como Claude Code ou Codex ou Cursor, ou BYOK. Não uso nenhuma dessas CLIs, e a ideia de instalá-las e configurá-las via terminal me fez querer fechar totalmente o aplicativo, então o LLM local via BYOK foi uma escolha natural para mim.
Basta escolher OpenAI no menu suspenso do provedor e apontá-lo para o endpoint localhost do LM Studio (http://localhost:1234/v1), pois o LM Studio expõe uma API compatível com OpenAI de qualquer maneira. Digite qualquer string no campo chave de API, pois ela não está realmente validada, clique em Buscar modelos e seus modelos LM Studio carregados preencherão o menu suspenso de modelos.
Usei Gemma 4 E4B para começar, pois tem sido meu favorito ultimamente e também é otimizado para análise de design de UI com visão, então pensei que seria perfeito, mas não posso estar errado. O resultado não foi nada utilizável, e apenas o modelo de habilidade bruto ecoou no bate-papo como XML quebrado, o que fez sentido depois que eu investiguei isso, porque apesar de Gemma ter uma visão forte, ele não é realmente adaptado ao trabalho do agente de várias camadas que este aplicativo espera do modelo.
Então mudei para Qwen 3.5 9B e finalmente cheguei a algum lugar. Isso foi feito corretamente no formulário de descoberta do Open Design, que é esta barra lateral que solicita informações adicionais após o prompt inicial, como sinal, público e contexto do projeto. Em seguida, ele transmitiu o HTML e CSS reais na visualização. O resultado não ganhará nenhum prêmio de design, mas atingiu todas as seções que eu pedi e até transmitiu a vibração monoespacial de tecnologia/utilidade que eu havia buscado nas opções de abertura.
O problema é que cada geração levou vários minutos. Qwen roda a cerca de 13 tokens por segundo em minha GPU de 8 GB, o que é ótimo para bate-papo, mas lento para transmitir um artefato HTML inteiro, e os plug-ins também não entraram em vigor quando tentei usá-los para gerações nativas. Portanto, um resultado justo de graça, mas lento e limitado, e nesse ponto comecei a me perguntar como seria se tivesse um modelo “adequado” por trás dele.
Criei um aplicativo usando Claude Design e Google Opal e apenas um o concluiu
Um terminou o trabalho
Mudando para a API da Anthropic
Ficou muito legal
Eu já tinha uma chave de API Anthropic com algum crédito de uma ferramenta anterior que testei e a transição demorou cerca de dois minutos. Depois de digitada, a guia BYOK do Open Design puxou automaticamente meus modelos disponíveis e escolhi o Opus 4.7 porque foi projetado especificamente para testes de saída visual.
A diferença foi imediata. O que Quen levou cerca de cinco minutos foi feito em muito menos tempo. E o resultado foi melhor em todos os sentidos, com uma tipografia mais precisa, uma hierarquia de seções mais inteligente e uma combinação editorial/tecnológica limpa que eu realmente tinha em mente. Para qualquer pessoa que esteja pensando em acessar o site, mas cujo hardware não suporta realmente um modelo de código personalizado, pagar pela API é mais barato do que pelo sub Pro se você usá-lo de forma intermitente, e a diferença de velocidade por si só já vale a pena.
Os plug-ins finalmente funcionaram desta vez também. Os plug-ins de design aberto são essencialmente preconceitos de estilo criados pela comunidade que você conecta ao seu prompt como um chip e moldam a estética da geração sem que você mesmo tenha que ditar a direção visual. Há também um modo de esboço onde você pode aproximar um layout em uma tela no aplicativo e o agente transformará esse desenho em uma maquete real, assim como Claude Design faz. É basicamente um local para construção de wireframes lo-fi antes da prototipagem.
Uma parte que não melhorou com a troca de API foi a edição manual. No design aberto, você pode clicar diretamente nos elementos da visualização para fazer alterações direcionadas, o que parece ótimo em teoria, mas a caixa de edição se move com o cursor, dificultando o acesso ao que você está editando. Presumi que meu modelo local fizesse isso, mas continuou no Opus também. Acontece que eles estão cientes disso em seu guia. As correções cirúrgicas para o modo de comentários estão listadas como parcialmente enviadas e o painel de ajustes UX está listado como ainda não implantado.
O portfólio real que ele exibiu era algo que eu poderia usar de verdade, e abri-o no meu navegador apenas para continuar olhando para ele. O HTML e o CSS são reais e respondem adequadamente, e com um pouco de refinamento acho que isso poderia ser algo que eu realmente publicaria. Só não tenho um domínio para colocá-lo, então funciona como um arquivo local por enquanto.
Mais viável do que eu esperava
Não vou me afastar do Claude Design, ele está incluído na minha assinatura de qualquer maneira, então não posso me livrar dele. Mas o Open Design é um caso real. Gratuito se o seu modelo nativo puder lidar com isso, mais barato que o Pro se você fizer a API, que paga pelo trabalho recorrente de design e tem coisas que Claude Design realmente não faz, com um sistema de plugins mais diversificado e integrado no topo da lista. Ainda tem algumas peculiaridades, mas vale a pena dar uma olhada de qualquer maneira.
