Repolode
bestagentkits

bestagentkits/design-studio-ai

Workspace de design open source onde pessoas e agentes de IA editam um único documento versionado para páginas web, slides e cenas 3D.

Alternativa open source a:FigmaCanva

Estrelas
222
Forks
58
Issues abertas
14
Último commit
há 8 dias

O que é?

O Design Studio AI é um workspace para criar interfaces web, slides, relatórios, wireframes, cenas 3D e vídeos com linha do tempo. Você começa com um briefing ou template, confere a prévia e depois faz alterações pelo chat ou pelo editor manual. Pessoas e agentes trabalham no mesmo documento versionado.

Os recursos de geração usam as chaves dos seus próprios provedores (BYOK) para texto, imagens, fala, música e vídeo. Os designs podem ser exportados para formatos como HTML, SVG, PDF, PowerPoint, WebM, GLB e ZIP de protótipo React. Os agentes podem acessar os mesmos designs por uma REST API, um servidor MCP Streamable HTTP e a CLI dsa.

O studio pode ser hospedado na Cloudflare ou em infraestrutura própria com Docker e armazenamento SQLite persistente. O login aceita e-mail e senha, com opção de entrar pelo GitHub.

Recursos principais

  • 01Edição pelo chat ou manual do mesmo documento de design versionado
  • 02Animação 2D de personagens com ossos, skins, malhas e física, além de personagens 3D editáveis
  • 03Exportação para HTML, SVG, PDF, PowerPoint, WebM, GLB e ZIP de protótipo React
  • 04REST API, servidor MCP com OAuth ou chaves de API e CLI dsa
  • 05Geração com suas próprias chaves para texto, imagens, fala, música e vídeo
  • 06Hospedagem própria na Cloudflare ou com Docker e armazenamento SQLite persistente

Casos de uso

  • Criar rascunhos de landing pages com um agente de IA e refiná-los manualmente
  • Montar apresentações que podem ser exportadas para PowerPoint ou Google Slides
  • Criar cenas 3D animadas ou clipes de animação 2D de personagens
  • Manter um workspace de design auto-hospedado para uma equipe usando as próprias chaves de provedores

Início rápido

  1. 1

    Instale as dependências

    npm ci
  2. 2

    Compile a CLI e o aplicativo

    npm ci --prefix packages/cli
  3. 3

    Inicie o servidor (configure ENCRYPTION_KEY e APP_URL primeiro)

    npm start
  4. 4

    Abra o Studio no navegador em localhost:8787

Antes de usar

  • A geração requer suas próprias credenciais do provedor e acesso à conta.
  • É necessário ter Node.js 24 ou superior para executar localmente.
  • O pacote da CLI não está publicado no registro do npm e deve ser instalado a partir de um tarball de lançamento ou de uma compilação local.
  • Alterar ENCRYPTION_KEY impede a descriptografia das chaves de provedor existentes.

Tópicos

Perguntas frequentes

O que é design-studio-ai?
Workspace de design open source onde pessoas e agentes de IA editam um único documento versionado para páginas web, slides e cenas 3D. O Design Studio AI é um workspace para criar interfaces web, slides, relatórios, wireframes, cenas 3D e vídeos com linha do tempo. Você começa com um briefing ou template, confere a prévia e depois faz alterações pelo chat ou pelo editor manual. Pessoas e agentes trabalham no mesmo documento versionado.
design-studio-ai é gratuito? Qual é a licença?
design-studio-ai é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
design-studio-ai ainda é mantido?
Manutenção ativa. O último commit de design-studio-ai foi em 12 de out. de 2026.
Para que posso usar design-studio-ai?
Criar rascunhos de landing pages com um agente de IA e refiná-los manualmente Montar apresentações que podem ser exportadas para PowerPoint ou Google Slides Criar cenas 3D animadas ou clipes de animação 2D de personagens Manter um workspace de design auto-hospedado para uma equipe usando as próprias chaves de provedores
Como instalar design-studio-ai?
Instale as dependências: npm ci Compile a CLI e o aplicativo: npm ci --prefix packages/cli Inicie o servidor (configure ENCRYPTION_KEY e APP_URL primeiro): npm start Abra o Studio no navegador em localhost:8787
Onde consigo design-studio-ai?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/bestagentkits/design-studio-ai

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

Projetos relacionados