Instalar o Open Design — Ferramenta de Design com IA GRÁTIS (alternativa ao Claude Design)
Baseado no tutorial de instalação da AI Unlocked, este guia configura o Open Design em quatro passos rápidos — baixe o app de desktop gratuito, conecte o agente de código que você já tem como motor de design, mantenha o modelo padrão e bloqueie as configurações de privacidade. Nenhuma assinatura paga é necessária.
Este guia instala o Open Design sem nenhuma assinatura paga na nuvem — ele transforma o CLI do agente de código que você já tem no motor de design do app. Ele segue os quatro passos que a AI Unlocked mostra em seu vídeo de instalação, reescritos aqui para você acompanhar clique a clique. Assista ao vídeo acima para ver a execução completa, ou continue lendo a versão escrita.
O workspace do Open Design depois de instalado e conectado a um agente de código local — nenhuma assinatura em nuvem é necessária.
O que é o Open Design?
- Código aberto, Apache-2.0 — inspecione o código, hospede você mesmo, ou simplesmente baixe o app já empacotado.
- Local-first — o app e seus projetos rodam na sua própria máquina.
- Traga seu próprio agente, traga sua própria key — ele roda sobre o CLI do agente de código (e o modelo) que você já tem instalado, em vez de te vender uma assinatura de IA separada.
- Mais do que protótipos — além de mockups de UI, o mesmo workspace também gera apresentações de slides, imagens e vídeo.
Passo 1 — Baixar o app
Vá até a página do Open Design no GitHub e abra a seção Releases, ou acesse diretamente open-design.ai para um link de download direto. Pegue o build para a sua máquina — em um Mac com Apple Silicon é o build macOS arm64. Baixe o arquivo, abra-o e arraste o ícone do Open Design para a pasta Applications. Ele se instala como qualquer outro app de desktop; esse caminho não exige compilação nem terminal.
Passo 2 — Conecte seu agente de código
Abra o app. Na tela de login, pule o botão pago de nuvem e clique no link menor logo abaixo dele — local coding agent. O Open Design escaneia sua máquina em busca dos CLIs que você já tem instalados, como Claude Code, Codex ou Cursor. Escolha aquele que você quer que conduza a geração de design e clique em continuar. Isso conecta o motor sem pagar nada a mais — você está apenas reaproveitando o acesso ao agente que já possui.
Passo 3 — Escolha seu modelo
Na caixa do modelo, deixe a opção em default CLI config. Isso faz o Open Design herdar o modelo que seu agente de código conectado está configurado para usar no momento — normalmente o mais recente — em vez de escolher um dos modelos mais antigos listados no dropdown, que são apenas opções de reserva.
Passo 4 — Trave sua privacidade
Vá em Settings → Privacy. Você verá dois interruptores ligados por padrão, e um deles compartilha os dados reais do seu projeto para fora do app. Desligue os dois e clique em delete my data para apagar qualquer coisa já coletada. O Open Design continua funcionando exatamente igual depois disso — esses interruptores só controlam o que sai da sua máquina, não o que o app pode fazer.
Explore o workspace
Depois de conectado, duas bibliotecas fazem a tela em branco desaparecer:
A biblioteca de design systems — escolha os tokens de uma marca real em vez de partir de uma paleta vazia.
- Os design systems empacotam o visual de uma marca como um conjunto de tokens — cores, tipografia, espaçamento — sobre os quais você pode construir diretamente.
- Os templates cobrem protótipos, apresentações de slides e geração de imagens e vídeo, para você poder dar fork em um ponto de partida em vez de uma tela vazia.
A biblioteca de templates — pontos de partida para protótipos, slides, imagens e vídeo, prontos para fork.
A partir daqui, descreva o que você quer construir e deixe seu agente conectado gerar a primeira versão.
Perguntas frequentes
O Open Design é gratuito? Sim — é open source sob a licença Apache-2.0 e gratuito para rodar localmente. Você só paga pelo uso do agente de código e do modelo que conectar, que provavelmente já tem.
Preciso comprar o Claude Design ou outra ferramenta de design paga para usar isso? Não. O Open Design roda sobre um CLI de agente de código que você já tem, como o Claude Code, então não existe uma assinatura de design separada para comprar.
Quais agentes de código posso conectar? Este tutorial detecta Claude Code, Codex e Cursor, mas o Open Design suporta uma lista bem mais longa de CLIs de agentes de código — os que já estiverem instalados na sua máquina vão aparecer.
Por que ele pergunta sobre configurações de privacidade durante a configuração? Dois interruptores de compartilhamento de dados vêm ligados por padrão, e um deles envia seu trabalho real para fora do app. Desligá-los em Settings → Privacy mantém tudo local sem desativar nenhum recurso.
Qual modelo eu devo escolher? Deixe em default CLI config para que o Open Design use o modelo que seu agente de código conectado já está executando — normalmente a opção mais poderosa disponível para você.
Este guia escrito é baseado no tutorial de instalação da AI Unlocked. Assista ao vídeo completo acima, e inscreva-se na AI Unlocked para uma nova ferramenta de IA gratuita todos os dias.