Open Design Plugin für Codex/ChatGPT

Geben Sie die folgende Anweisung in eine beliebige Aufgabe in Ihrer ChatGPT-Desktop-App ein

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

Einmal installieren. Direkt aus Codex/ChatGPT gestalten.

Sehen Sie sich zuerst den vollständigen Arbeitsbereich von Codex und Open Design an und folgen Sie anschließend dem echten Ablauf von der Installation bis zum Ergebnis.

Eine echte Codex-Aufgabe mit dem Open Design Plugin neben der fertigen Goodfield-Café-Website
Echte Codex-Aufgabe Prompt, Übergabe an Open Design, generierte Dateien und fertige Website bleiben in einem Arbeitsbereich sichtbar.
  1. 01 Installieren

    Codex mit der Installation beauftragen

    Fügen Sie diese Anweisung in eine Codex-Aufgabe ein. Codex liest den Installationspfad des Repositorys und richtet das Plugin sowie das lokale MCP vollständig ein – ohne Eintrag in einem öffentlichen Plugin-Marktplatz.

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

    Eine neue Codex-Aufgabe starten

    Nachdem Codex die Installation abgeschlossen hat, öffnen Sie das installierte Open Design Plugin in einer neuen Aufgabe und wählen Sie „Try now“, um zu beginnen.

    Die echte Detailansicht des Open Design Plugins in Codex mit der Schaltfläche Try now
  3. 03 Erstellen

    Das Design-Briefing formulieren

    Erwähnen Sie Open Design und beschreiben Sie anschließend das gewünschte Ergebnis, die Inhalte, die visuelle Richtung und die Anforderungen an die responsive Darstellung.

    Ein echter Codex-Prompt, der Open Design mit einer einladenden Website für ein Nachbarschaftscafé beauftragt
  4. 04 Erstellen

    Die Übergabe live verfolgen

    Codex bestätigt die Richtung, legt das Projekt an und übergibt die Arbeit an Open Design, während die Dateien live erscheinen.

    Ein echter Arbeitsbereich von Codex und Open Design während der Erstellung der Website für das Nachbarschaftscafé
  5. 05 Erstellen

    Das Ergebnis prüfen

    Dieselbe Aufgabe liefert die responsive Landingpage des Goodfield Cafés sowie die generierten Bilder und bearbeitbaren Dateien zurück.

    Die fertige Landingpage des Goodfield Nachbarschaftscafés, erstellt mit dem Open Design Plugin in Codex

Mit dem exakten Prompt starten.

Wählen Sie Open Design im Plugin-Menü von Codex aus, beschreiben Sie das gewünschte Ergebnis und verfeinern Sie es in derselben Aufgabe weiter. Codex stellt die Plugin-Erwähnung als Open Design Chip dar.

Oryzo-Produkt-Landingpage mit einer haptischen Schneidematte und einem Objekt aus Kork

Produkt-Launch

@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.
Open Design Osaka Event-Landingpage mit typografisch gestalteter Karte

Eventseite

@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.
Dunkle, redaktionell gestaltete Produktwebsite für Fable 5

Redaktionelle Website

@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.
Interaktive Open Design Modell-Zeitleiste auf einer hellen Arbeitsfläche

Interaktive Story

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

Fragen vor der Installation

Codex behält die Kontrolle über die Aufgabe. Open Design übernimmt den visuellen Workflow.

  1. Welche Funktionen ergänzt das Plugin in Codex?

    Es erweitert Codex um einen Open Design Workflow für Websites, Präsentationen, Prototypen und Designsysteme. Für Briefings, Projekte und die Erstellung von Ergebnissen verbindet sich das Plugin mit dem lokalen Open Design MCP.

  2. Welche Codex-Produkte werden unterstützt?

    Das aktuelle Paket unterstützt Codex Desktop und Codex CLI. Codex ist der erste unterstützte Host.

  3. Was benötige ich vor der Installation?

    Verwenden Sie Codex CLI 0.144.6 oder neuer und Open Design 0.17.0 oder neuer. Installieren Sie Open Design, bevor Sie das lokale MCP registrieren.

  4. Warum benötige ich eine neue Codex-Aufgabe?

    Codex lädt Plugin- und MCP-Funktionen beim Start einer Aufgabe. Eine neue Aufgabe erkennt das soeben installierte Open Design Cloud Plugin.

  5. Muss das Open Design Fenster geöffnet bleiben?

    Nein. Das registrierte lokale MCP kann die signierte Open Design Laufzeit bei Bedarf ohne sichtbare Benutzeroberfläche starten.

Open Design in Ihrer nächsten Codex/ChatGPT-Aufgabe nutzen.

Installieren Sie das Plugin, verbinden Sie das lokale MCP und rufen Sie @open-designauf.

Open Design Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS, Windows und Linux