Плагин Open Design для Codex/ChatGPT

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

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

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

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

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

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

    Вставьте эту инструкцию в задачу Codex. Codex прочитает раздел установки в репозитории и настроит плагин вместе с локальным MCP — публикация в открытом каталоге плагинов для этого не нужна.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Продуктовый лендинг 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.
Лендинг мероприятия Open Design Osaka с типографической картой

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

@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.
Тёмный редакционный сайт продукта 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.
Интерактивная временная шкала моделей Open Design на светлом холсте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для macOS, Windows и Linux