O que é o OpenDesign? O app open source que transforma seu agente de código em ferramenta de design

Fala aí, beleza? Seu agente de código agora também desenha 😀

O OpenDesign é um app desktop local-first e open source que se apresenta como alternativa ao Claude Design, e ele mora no repositório nexu-io/open-design, com site oficial em open-design.ai

A ideia é simples de entender e meio insana de ver: em vez de você pedir código pro agente e depois abrir outra ferramenta pra desenhar a tela, o próprio agente que você já usa vira a camada de design

Bora entender o que ele é, o que ele entrega como arquivo de verdade e pra quem isso faz sentido

O que é o OpenDesign e como ele funciona

O projeto foi aberto pela equipe nexu.io em 28/04/2026, com a primeira release pública marcada como Open Design 0.1.0

A licença é Apache-2.0, e tem um detalhe importante aqui: skills e templates embutidos que trazem LICENSE próprio mantêm a licença original, como o design-templates/guizang-ppt, que segue em MIT

O ritmo de desenvolvimento é quase diário: a versão mais recente publicada na página de releases é a 0.20.2 (intitulada "Production Exports, Under a Minute"), de 21 de agosto de 2026, com a 0.20.1 no dia 20/08 e a 0.20.0 no dia 19/08

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Local-first? Calma que eu explico

Esse é o termo que mais aparece quando se fala do OpenDesign, e ele tem consequência prática

O app, o daemon e o runtime de skills rodam na sua máquina, e os artefatos gerados vão parar no diretório do seu projeto, em vez de passar obrigatoriamente por uma nuvem de fornecedor

Se você conhece a diferença entre editar um doc no navegador e editar um arquivo no seu repositório, é exatamente essa a sensação: o resultado é um arquivo seu, no seu disco, versionável do jeito que você já versiona o resto

Como sinal de tração, o repositório aparecia com 84,6 mil estrelas na leitura de 23/08/2026, e vale o aviso: esse número está subindo rápido, então trate como foto do momento e não como dado fixo

O que o OpenDesign entrega na prática (os arquivos, não só a tela)

Aqui mora o pulo do gato, e é o que separa o OpenDesign de um gerador de mockup bonitinho

Ele produz protótipos web, desktop e mobile, landing pages, dashboards, slides, imagens e vídeos, com preview em sandbox e exportação em formatos de produção: HTML, PDF, PPTX e MP4

Ou seja, o deck que sai dali abre no PowerPoint, e o protótipo que sai dali é HTML mesmo

A biblioteca embutida: skills e design systems

O app vem com 259+ skills, que são arquivos simples dentro do diretório skills, e 142+ design systems

E cada design system é definido em um único arquivo DESIGN.md

Isso é MUITO conveniente pra quem já vive de agente de código: um design system que é um markdown é uma coisa que você lê, edita, dá review e comita, sem depender de nenhuma interface mágica pra mexer 🙂

HyperFrames: o vídeo saindo de HTML e CSS

O OpenDesign integra o HyperFrames, framework de vídeo agent-native e open source da HeyGen

O fluxo é bem direto: o agente escreve HTML, CSS e GSAP, e o HyperFrames faz a renderização do vídeo

Topzera pra quem quer um vídeo curto de produto sem abrir editor nenhum

Quais agentes e modelos o OpenDesign aceita

O OpenDesign trabalha em modo BYOK (bring your own key), ou seja, ele é a ferramenta e você leva o cérebro

Na primeira execução, ele detecta automaticamente as CLIs de agente de código que já estão instaladas na sua máquina, presentes no PATH, e lista elas pra você escolher, sem configuração manual

A detecção pega nomes conhecidos como Claude Code, Codex, OpenCode e Qwen

E a lista de adaptadores é completona: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot CLI, OpenCode, Qwen, Kimi, Amp, Hermes, DeepSeek e mais de 20 CLIs

Do lado dos provedores, dá pra usar chave da Anthropic, endpoints compatíveis com OpenAI, Azure OpenAI, Google Gemini e Ollama Cloud

Se você já montou um agente de IA com n8n, a lógica é a mesma de sempre: a ferramenta é o encanamento, o modelo é escolha sua

E se eu não quiser configurar nada?

Tem saída pra isso também

O Open Design AMR é o motor de IA oficial que já vem dentro do instalador, pensado justamente pra quem não quer instalar CLI nem lidar com chave de API

O fluxo é: abrir o app, fazer sign-in uma vez, escolher um modelo e começar

E o console do AMR é quem gerencia chaves, créditos e status da conta

Quanto custa o OpenDesign e quem paga o quê

Essa é a parte que mais confunde, então vamos separar as duas contas

O OpenDesign em si é gratuito e Apache-2.0, sem assinatura própria

O que você paga é o custo de API do provedor que você plugar, cobrado direto na sua conta com aquele provedor

Outro ponto que ajuda a decidir: o uso local não exige conta OpenDesign, e só o AMR pede sign-in no app desktop

E na 0.20.1 apareceu o Go Plan, apresentado como tier de entrada, com acesso ilimitado a três modelos: DeepSeek V4, DeepSeek Pro e GLM 5.2, refinado depois na 0.20.2

Tome cuidado com uma coisa aqui: "ferramenta de graça" não é "uso de graça", porque geração pesada de protótipo, slide e vídeo consome token do provedor que você plugou

Como instalar o OpenDesign e rodar pela primeira vez

O caminho curto é o app desktop mesmo, e ele é o recomendado pelo projeto

1. Baixe o build da sua plataforma na página oficial de download, em open-design.ai/download, que traz versões para macOS e Windows

2. Instale como um app normal, no clássico next, next e finish, porque essa rota não exige Node, nem pnpm, nem clone do repositório

3. Abra o app e deixe ele detectar as CLIs de agente que já estão instaladas na sua máquina, depois escolha uma da lista. O erro comum deste passo: se você não tem nenhuma CLI instalada, não vai aparecer nada pra escolher, e aí a rota é a de baixo

4. Sem CLI e sem chave de API? Faça o sign-in no Open Design AMR dentro do app desktop, escolha um modelo e comece por ali

5. Só vá pro código-fonte se você realmente quiser mexer no projeto, e nesse caso confira os pré-requisitos antes: Node.js 24 (atenção, Node 22 não é suportado) e pnpm 10.33.2 habilitado via Corepack. O erro comum deste passo: tentar rodar em cima do Node 22 que você já tinha na máquina e ficar caçando bug que não é bug

Dá pra conferir o ambiente antes de qualquer coisa:

node -v
pnpm -v

Como ele é um app que você instala e roda na sua máquina, a escolha lembra bastante a de instalar app de IA no desktop: muda o peso na máquina e muda onde os arquivos ficam

OpenDesign x Claude Design: as diferenças que importam

O OpenDesign se posiciona como alternativa ao Claude Design, que foi lançado pela Anthropic em 17 de abril de 2026 como research preview do Anthropic Labs, pra gerar protótipos, slides, one-pagers e visuais de marketing

E em agosto de 2026 o Claude Design segue em research preview

Lendo a tabela sem torcer pra nenhum lado: a diferença real não é "qual desenha melhor", é onde o arquivo nasce e quem escolhe o modelo

Um te dá liberdade de agente, de provedor e de disco, o outro já está ligado na assinatura que talvez você pague hoje

Para quem o OpenDesign faz sentido (e para quem não)

Alguns cenários bem concretos, tirados do que o projeto entrega:

• Dev solo que já usa Claude Code ou Codex e quer sair do texto e chegar num protótipo ou numa landing page sem trocar de ferramenta
• Quem vive de apresentação, precisando de slides e decks exportáveis em PPTX e PDF, e não só de uma tela bonita
• Quem precisa de vídeo curto e quer aproveitar o HyperFrames renderizando a partir de HTML, CSS e GSAP
• Time que não pode mandar arquivo pra nuvem de fornecedor, já que os artefatos ficam no diretório do projeto e entram no repositório junto com o resto
• Quem quer testar sem configurar nada, usando o AMR que já vem no instalador

E o contraponto honesto, porque ele existe: se você já paga Claude Pro ou Max e só quer protótipo rápido dentro do ecossistema da Anthropic, o Claude Design já está incluído na sua assinatura, então instalar mais um app pode ser esforço sem ganho

Vale a pena instalar o OpenDesign agora?

O que ele resolve está bem claro: artefato de produção caindo no seu diretório, liberdade pra escolher agente e provedor, e zero custo de licença por ser Apache-2.0

Agora as ressalvas, que são igualmente reais

O projeto é MUITO novo: foi aberto em abril de 2026 e já está na 0.20.2, com releases saindo quase todo dia (0.20.0 no dia 19, 0.20.1 no dia 20, 0.20.2 no dia 21 de agosto)

Ritmo assim é ótimo sinal de time trabalhando, e ao mesmo tempo significa superfície instável: o que você aprendeu numa versão pode mudar de lugar na próxima

A outra ressalva é a conta: o app não cobra nada, mas o custo real depende inteiro do provedor que você plugar

Se você gosta de testar coisa nova e não se incomoda com mudança de versão, é um baita candidato a entrar no fluxo. Se você precisa de estabilidade pra trabalhar hoje, talvez valha só acompanhar por enquanto

Conclusão

Resumindo o que ficou: o OpenDesign é um app desktop local-first e open source, licenciado em Apache-2.0, que vira a camada de design do agente de código que você já usa

Ele entrega arquivo de verdade (HTML, PDF, PPTX e MP4), traz 259+ skills e 142+ design systems embutidos, e deixa tudo no diretório do seu projeto

O próximo passo prático é curto: baixar em open-design.ai/download, deixar o app detectar sua CLI (ou entrar pelo AMR) e gerar o primeiro artefato exportável pra sentir se aquilo encaixa no seu fluxo

E se você preferir só observar antes de instalar, dá pra acompanhar o nexu-io/open-design no GitHub, que do jeito que as releases estão saindo, vai ter coisa nova semana que vem…

até o próximo post! 😀