Plugin Open Design pour Codex/ChatGPT

Saisissez l’instruction ci-dessous dans n’importe quelle tâche de votre application de bureau ChatGPT

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

Installez-le une fois. Créez depuis Codex/ChatGPT.

Découvrez d’abord l’espace de travail complet entre Codex et Open Design, puis suivez le parcours réel, de l’installation au résultat.

Une véritable tâche Codex utilisant le plugin Open Design à côté du site web final du café Goodfield
Véritable tâche Codex Le prompt, le transfert vers Open Design, les fichiers générés et le site final restent visibles dans un même espace de travail.
  1. 01 Installation

    Demandez à Codex de l’installer

    Collez cette instruction dans une tâche Codex. Codex lit le parcours d’installation du dépôt, puis configure le plugin et le MCP local sans dépendre d’une publication sur une marketplace publique.

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

    Démarrez une nouvelle tâche Codex

    Une fois l’installation terminée par Codex, ouvrez le plugin Open Design installé dans la nouvelle tâche et choisissez « Try now » pour commencer.

    L’écran réel du plugin Open Design dans Codex, avec le bouton Try now
  3. 03 Création

    Rédigez le brief créatif

    Mentionnez Open Design, puis décrivez le livrable, le contenu, la direction visuelle et les exigences de responsive design.

    Un véritable prompt Codex demandant à Open Design de créer le site web chaleureux d’un café de quartier
  4. 04 Création

    Suivez le transfert en direct

    Codex confirme la direction, crée le projet et transmet le travail à Open Design pendant que les fichiers apparaissent en direct.

    Un véritable espace de travail Codex et Open Design pendant la génération du site web du café de quartier
  5. 05 Création

    Examinez le résultat

    La même tâche renvoie la landing page responsive du café Goodfield, ainsi que ses images générées et ses fichiers modifiables.

    La landing page finale du café de quartier Goodfield générée dans Codex avec le plugin Open Design

Commencez avec le prompt exact.

Sélectionnez Open Design dans le menu des plugins de Codex, décrivez le livrable, puis continuez à l’affiner dans la même tâche. Codex affiche la mention du plugin sous forme de pastille Open Design.

Landing page du produit Oryzo avec un tapis de découpe tactile et un objet en liège

Lancement de produit

@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 de l’événement Open Design Osaka avec une carte typographique

Page événementielle

@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 produit éditorial sombre de Fable 5

Site éditorial

@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 chronologique des modèles Open Design sur une toile lumineuse

Récit interactif

@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.

Vos questions avant l’installation

Codex garde le contrôle de la tâche. Open Design prend en charge le workflow visuel.

  1. Qu’apporte le plugin à Codex ?

    Il ajoute à Codex un workflow Open Design pour les sites web, les présentations, les prototypes et les systèmes de design. Le plugin se connecte à Open Design MCP en local pour gérer les briefs, les projets et la génération des livrables.

  2. Quels environnements Codex sont pris en charge ?

    Le package actuel prend en charge Codex Desktop et Codex CLI. Codex est le premier hôte pris en charge.

  3. De quoi ai-je besoin avant l’installation ?

    Utilisez Codex CLI 0.144.6 ou une version ultérieure, ainsi que Open Design 0.17.0 ou une version ultérieure. Installez Open Design avant d’enregistrer son MCP local.

  4. Pourquoi dois-je créer une nouvelle tâche Codex ?

    Codex charge les fonctionnalités du plugin et du MCP au démarrage d’une tâche. Une nouvelle tâche détecte le plugin Open Design Cloud fraîchement installé.

  5. La fenêtre Open Design doit-elle rester ouverte ?

    Non. Le MCP local enregistré peut démarrer l’environnement Open Design signé en mode headless lorsqu’il en a besoin.

Ajoutez Open Design à votre prochaine tâche Codex/ChatGPT.

Installez le plugin, connectez le MCP local et invoquez @open-design.

Open Design Desktop

Un seul design system. Votre marque, cohérente partout

Dans le Vibe Design Workspace complet, appliquez les mêmes règles de marque aux sites, slides, prototypes interactifs, dashboards, images et vidéos HTML. Connectez Codex, Claude Code, Cursor et vos autres agents de code locaux, puis créez gratuitement.

  • Sites, slides, prototypes, dashboards, images et vidéos
  • Plus de 140 design systems et la bibliothèque complète de modèles et skills
  • Codex local et plus de 21 agents de code · Gratuit
Télécharger gratuitement

Disponible sur macOS, Windows et Linux