Плагин OpenDesign для Codex/ChatGPT

Введите инструкцию ниже в любую задачу в приложении ChatGPT для компьютера

/goal Read https://open-design.ai/codex-plugin/ to install OpenDesign for Codex and set up a new task for me.

Одна установка — и можно создавать прямо из Codex/ChatGPT.

Сначала посмотрите, как вместе работают Codex и OpenDesign, а затем пройдите реальный путь от установки до готового результата.

Реальная задача в Codex с плагином OpenDesign и готовым сайтом кафе Goodfield
Реальная задача в Codex Запрос, передача задачи в OpenDesign, созданные файлы и готовый сайт остаются видны в одном рабочем пространстве.
  1. 01 Установка

    Поручите установку Codex

    Вставьте эту инструкцию в задачу Codex. Codex добавит канонический Git-источник маркетплейса, установит плагин, только если его ещё нет, и завершит настройку локального MCP без необходимости публиковать плагин в открытом каталоге.

    /goal Read https://open-design.ai/codex-plugin/ to install OpenDesign for Codex and set up a new task for me.
  2. 02 Работа

    Начните новую задачу в Codex

    Когда Codex завершит установку, откройте установленный плагин OpenDesign в новой задаче и нажмите «Try now», чтобы начать.

    Настоящий экран плагина OpenDesign в Codex с кнопкой Try now
  3. 03 Создание

    Опишите задачу для дизайна

    Упомяните OpenDesign, затем укажите, что нужно создать, какое содержание использовать, какое визуальное направление выбрать и как результат должен адаптироваться к разным экранам.

    Реальный запрос в Codex к OpenDesign на создание уютного сайта районного кафе
  4. 04 Создание

    Следите за передачей задачи в реальном времени

    Codex подтверждает выбранное направление, создаёт проект и передаёт работу в OpenDesign, а новые файлы появляются прямо на экране.

    Настоящее рабочее пространство Codex и OpenDesign во время создания сайта районного кафе
  5. 05 Создание

    Проверьте результат

    В той же задаче появятся адаптивный лендинг кафе Goodfield, созданные изображения и редактируемые файлы.

    Готовый лендинг районного кафе Goodfield, созданный через плагин OpenDesign в Codex

Начните с готового запроса.

Выберите OpenDesign в меню плагинов Codex, опишите нужный результат и продолжайте дорабатывать его в той же задаче. Упоминание плагина отображается в Codex как метка OpenDesign.

Продуктовый лендинг Oryzo с фактурным макетным ковриком и объектом из пробки

Запуск продукта

@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.
Лендинг мероприятия OpenDesign Osaka с типографической картой

Страница мероприятия

@open-design Create an event landing page for OpenDesign Osaka. Lead with a typographic map of Japan, restrained ivory and olive colors, the date and location, speaker details, and a clear registration action.
Тёмный редакционный сайт продукта Fable 5

Редакционный сайт

@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.
Интерактивная временная шкала моделей OpenDesign на светлом холсте

Интерактивная история

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

Что стоит знать перед установкой

Codex управляет задачей, а OpenDesign отвечает за визуальный процесс.

  1. Что плагин добавляет в Codex?

    Он добавляет в Codex рабочий процесс OpenDesign для создания сайтов, презентаций, прототипов и дизайн-систем. Плагин подключается к локальному OpenDesign MCP, который помогает собирать требования, создавать проекты и генерировать материалы.

  2. Какие продукты Codex поддерживаются?

    Текущая версия пакета поддерживает Codex Desktop и Codex CLI. Codex — первая поддерживаемая среда.

  3. Что понадобится перед установкой?

    Используйте Codex CLI 0.144.6 или новее и OpenDesign 0.17.0 или новее. Сначала установите OpenDesign, а затем зарегистрируйте его локальный MCP.

  4. Почему нужно начать новую задачу в Codex?

    Codex загружает возможности плагинов и MCP при запуске задачи. Новая задача увидит только что установленный плагин OpenDesign Cloud.

  5. Нужно ли держать окно OpenDesign открытым?

    Нет. Зарегистрированный локальный MCP при необходимости может запустить подписанную среду OpenDesign в фоновом режиме без интерфейса.

Добавьте OpenDesign в свою следующую задачу Codex/ChatGPT.

Установите плагин, подключите локальный MCP и введите @open-design.

OpenDesign для компьютера

Одна дизайн-система. Единый образ бренда во всех материалах

В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

  • Сайты, слайды, прототипы, дашборды, изображения и видео
  • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
  • Локальный Codex и более 21 кодинг-агента · Бесплатно
Скачать бесплатно

Для macOS и Windows