Design Factory

Crie e manipule design com IA sem começar do zero.

Design Factory é um app local-first e open source para gerar e manipular design com IA. Você começa já com contexto e direção, escolha qual modelo usar e mantém controle sobre o processo.

Instalar
npm create design-factory

Requer Node 20+

O primeiro output já nasce com contexto.

Canvas

proporções

Defina se o projeto nasce para desktop, vertical, quadrado ou responsivo.

Formato

tipo de projeto

Interface, vídeo, social, landing page, deck, app ou dashboard mudam a lógica de composição desde o primeiro pedido.

Regras

critérios de qualidade

Antislop, padrões premium, boas práticas de motion, acessibilidade e restrições visuais entram como critérios de geração.

Design Systems

converter em design.md

Traga um sistema existente, uma referência visual ou um arquivo próprio e converta em direção reutilizável.

Skills

capacidades acionáveis

Skills de UI, motion, SVG, deck, revisão, layout editorial ou arquitetura podem ser anexadas ao fluxo.

Comandos

comandos prontos

Prompts facilitados para variar, criticar e editar.

O projeto inteiro vira uma superfície de criação dirigida.

Qualquer modelo

Use Claude Code, Codex, Gemini, APIs ou modelos locais. Troque de rota sem trocar de projeto.

claude ollama gemini openai local

Local-first

Arquivos, prompts, regras e versões ficam acessíveis. O sistema pode ser adaptado, auditado e estendido no seu próprio ambiente.

/design.md
/skills/ui-taste.md
/commands/refine.md
/projects/landing-v2.html

Edição manual

Tweaks, comentários e edições diretas são parte do fluxo.

Terminal + sistema de arquivos

Rode comandos, faça login em CLIs, teste builds e edite arquivos sem sair do app.

pnpm build
npm run preview
ollama run llama3

Saída local

Baixe o ZIP do projeto, duplique uma versão ou transforme o fluxo em template.

baixar zip duplicar template

Tudo editável

Prompts, formatos, regras, aparência, skills e comandos podem ser ajustados do seu jeito.

Menos caixa fechada. Mais liberdade criativa.

A diferença não está só no que a IA gera. Está no quanto você consegue dirigir antes, durante e depois da geração.

Design com IA comum

  • Começa com prompt vazio e direção improvisada.
  • Prende contexto em uma experiência proprietária.
  • Transforma uma empresa ou modelo no teto do projeto.
  • Trata design system, skills e comandos como anexos soltos.
  • Exporta uma peça, mas não devolve liberdade sobre o processo.

Design Factory

  • Começa com canvas, formato, regras, skills e design system.
  • Converte referências e sistemas em design.md utilizável.
  • É agnóstico de modelo: combine provedores, APIs e modelos locais.
  • Integra interface, terminal, sistema de arquivos e comandos de refinamento.
  • Permite baixar ZIP, duplicar projetos e transformar fluxos em templates.

Da intenção ao arquivo local.

01

Monte o contexto

Escolha canvas, formato, regras, design system, skills e comandos antes do primeiro prompt.

02

Escolha o modelo

Use o melhor caminho para a etapa: assinatura existente, API ou modelo local.

03

Gere, edite, organize

Crie variações, preserve arquivos principais, aplique comentários, rode comandos, baixe ZIP, duplique ou crie templates.

novidades

Receba novidades do Design Factory no seu inbox.

Releases, recursos novos e exemplos de uso. Email só quando faz diferença.

Ação registrada.