Plugin Open Design para Codex/ChatGPT

Insira a instrução abaixo em qualquer tarefa no seu aplicativo ChatGPT para desktop

Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me.

Instale uma vez. Crie no Codex/ChatGPT.

Veja primeiro o espaço de trabalho completo do Codex e do Open Design e, depois, acompanhe a sequência real da instalação ao resultado.

Uma tarefa real no Codex usando o plugin Open Design ao lado do site finalizado do café Goodfield
Tarefa real no Codex O prompt, a transferência para o Open Design, os arquivos gerados e o site finalizado permanecem visíveis no mesmo espaço de trabalho.
  1. 01 Instalar

    Peça ao Codex para instalar

    Cole esta instrução em uma tarefa do Codex. O Codex lê o fluxo de instalação do repositório e conclui a configuração do plugin e do MCP local sem depender de uma publicação em marketplace.

    Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me.
  2. 02 Usar

    Inicie uma nova tarefa no Codex

    Quando o Codex concluir a instalação, abra o plugin Open Design instalado na nova tarefa e selecione “Try now” para começar.

    Tela real de detalhes do plugin Open Design no Codex com o botão Try now
  3. 03 Criar

    Escreva o briefing de design

    Mencione o Open Design e descreva o artefato, o conteúdo, a direção visual e os requisitos de responsividade.

    Um prompt real no Codex pedindo ao Open Design para criar o site acolhedor de um café de bairro
  4. 04 Criar

    Acompanhe a transferência em tempo real

    O Codex confirma a direção, cria o projeto e transfere o trabalho para o Open Design enquanto os arquivos aparecem em tempo real.

    Um espaço de trabalho real do Codex e do Open Design durante a criação do site do café de bairro
  5. 05 Criar

    Revise o resultado

    A mesma tarefa entrega a landing page responsiva do café Goodfield, as imagens geradas e os arquivos editáveis.

    Landing page finalizada do café de bairro Goodfield, gerada pelo plugin Open Design no Codex

Comece com o prompt exato.

Selecione Open Design no menu de plugins do Codex, descreva o artefato e continue refinando tudo na mesma tarefa. O Codex exibe a menção ao plugin como um chip do Open Design.

Landing page do produto Oryzo com uma base de corte tátil e um objeto de cortiça

Lançamento de produto

@open-design Create a tactile product launch page for Oryzo, a sustainable rice-husk material. Use a cutting-mat grid, cork-toned product photography, oversized typography, technical labels, and a warm editorial layout.
Landing page do evento Open Design Osaka com um mapa tipográfico

Página de evento

@open-design Create an event landing page for Open Design Osaka. Lead with a typographic map of Japan, restrained ivory and olive colors, the date and location, speaker details, and a clear registration action.
Site editorial escuro do produto Fable 5

Site editorial

@open-design Create a dark editorial website for Fable 5. Use a near-black canvas, small navigation, a bold serif headline, restrained white typography, and subtle interactive controls.
Interface de linha do tempo dos modelos do Open Design em uma tela clara

História interativa

@open-design Create an interactive release story for Open Design 0.9.0. Visualize a model timeline on a bright canvas with floating cards, connecting lines, color-coded labels, and responsive horizontal exploration.

O que saber antes de instalar

O Codex mantém o controle da tarefa. O Open Design cuida do fluxo de trabalho visual.

  1. O que o plugin adiciona ao Codex?

    Ele oferece ao Codex um fluxo de trabalho do Open Design para sites, apresentações, protótipos e sistemas de design. O plugin se conecta ao Open Design MCP local para criar briefings, projetos e artefatos.

  2. Quais produtos do Codex são compatíveis?

    O pacote atual é compatível com Codex Desktop e Codex CLI. O Codex é o primeiro ambiente com suporte.

  3. O que é necessário antes da instalação?

    Use o Codex CLI 0.144.6 ou mais recente e o Open Design 0.17.0 ou mais recente. Instale o Open Design antes de registrar o MCP local.

  4. Por que preciso iniciar uma nova tarefa no Codex?

    O Codex carrega os recursos do plugin e do MCP quando uma tarefa é iniciada. Uma nova tarefa reconhece o plugin Open Design Cloud recém-instalado.

  5. A janela do Open Design precisa permanecer aberta?

    Não. O MCP local registrado pode iniciar o runtime assinado do Open Design em segundo plano quando necessário.

Leve o Open Design para sua próxima tarefa no Codex/ChatGPT.

Instale o plugin, conecte o MCP local e invoque @open-design.

Open Design Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS, Windows e Linux