Repolode
Enviar
nexu-io

nexu-io/open-design

Workspace local-first e open source de agentes de IA para design, que transforma briefings em protótipos, apresentações, dashboards, imagens e vídeos usando seu próprio agente de programação.

Alternativa open source a:Figma

Ver no GitHubSite
Estrelas
102,364
Forks
11,743
Issues abertas
1,208
Último commit
há 24 horas

O que é?

OpenDesign é um workspace para criar materiais de design com agentes de IA. Você começa com um briefing, escolhe um plugin ou template, e um agente como Claude Code, Codex, Cursor ou DeepSeek Harness renderiza o resultado de acordo com um contrato de marca DESIGN.md. Entre os formatos compatíveis estão protótipos web e mobile, dashboards interativos, apresentações, imagens e motion graphics com HyperFrames, que podem ser exportados para HTML, PDF, PPTX, MP4 ou Markdown.

O projeto roda localmente como aplicativo desktop, interface web ou via Docker. Também pode ser usado sem interface, como servidor MCP ou CLI (o comando od) dentro de um agente de programação. Ele vem com 151 pacotes de design system, mais de 100 agent skills e centenas de plugins e templates. As equipes podem usar suas próprias chaves de modelo por meio de um proxy BYOK com proteções contra SSRF.

O repositório usa a licença Apache 2.0 e foi escrito principalmente em TypeScript. No momento, usuários de Linux precisam executá-lo a partir do código-fonte, pois não há uma versão pré-compilada para Linux publicada.

Recursos principais

  • 01Gera protótipos web e mobile, dashboards, apresentações, imagens e vídeos a partir de um briefing.
  • 02Funciona com várias CLIs de agentes de programação e um proxy de API BYOK para provedores de modelos.
  • 03Aplica um contrato de marca DESIGN.md e inclui 151 pacotes de design system.
  • 04Exporta apresentações para HTML, PDF, PPTX, ZIP ou Markdown, e motion graphics para MP4.
  • 05Disponibiliza projetos e arquivos para outros agentes por meio de um servidor MCP via stdio e da CLI od.

Casos de uso

  • Transformar um briefing de produto em um protótipo web ou mobile interativo antes do início do desenvolvimento.
  • Criar apresentações e materiais visuais de marketing alinhados ao sistema de marca existente da equipe.
  • Refatorar os componentes de uma base de código Git existente para que sigam uma especificação DESIGN.md.
  • Permitir que um agente de programação em outro repositório leia tokens e componentes de design atualizados de projetos locais.

Início rápido

  1. 1

    Clone o repositório

  2. 2

    Leia o guia de início rápido para ver os comandos de configuração

Antes de usar

  • Para gerar designs, é necessário ter uma CLI de agente de programação ou uma chave de API paga ou própria.
  • Alguns recursos, como o aplicativo para desktop e a oferta na nuvem, dependem de serviços externos.

Tópicos

#ai-design#design-systems#prototyping#local-first#mcp#coding-agent#html-slides#video-generation#agent-skills#byok

Perguntas frequentes

O que é open-design?
Workspace local-first e open source de agentes de IA para design, que transforma briefings em protótipos, apresentações, dashboards, imagens e vídeos usando seu próprio agente de programação. OpenDesign é um workspace para criar materiais de design com agentes de IA. Você começa com um briefing, escolhe um plugin ou template, e um agente como Claude Code, Codex, Cursor ou DeepSeek Harness renderiza o resultado de acordo com um contrato de marca DESIGN.md. Entre os formatos compatíveis estão protótipos web e mobile, dashboards interativos, apresentações, imagens e motion graphics com HyperFrames, que podem ser exportados para HTML, PDF, PPTX, MP4 ou Markdown.
open-design é gratuito? Qual é a licença?
open-design é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
open-design ainda é mantido?
Manutenção ativa. O último commit de open-design foi em 19 de out. de 2026.
Para que posso usar open-design?
Transformar um briefing de produto em um protótipo web ou mobile interativo antes do início do desenvolvimento. Criar apresentações e materiais visuais de marketing alinhados ao sistema de marca existente da equipe. Refatorar os componentes de uma base de código Git existente para que sigam uma especificação DESIGN.md. Permitir que um agente de programação em outro repositório leia tokens e componentes de design atualizados de projetos locais.
Como instalar open-design?
Clone o repositório Leia o guia de início rápido para ver os comandos de configuração
Onde consigo open-design?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/nexu-io/open-design

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados