Что такое Open Design
Open Design - приложение с открытым исходным кодом, которое устанавливается на компьютер. Вы описываете словами, что нужно собрать, а приложение генерирует редактируемый макет: сайт, прототип приложения, презентацию или анимационный ролик. Холст бесконечный, а результат правится последующими текстовыми запросами до нужного вида.
Два ключевых отличия от платных аналогов: инструмент бесплатный, без подписки и лимитов, и подключается к любой модели - Claude, ChatGPT по собственному ключу или локальной модели прямо на своём компьютере.
Что нужно для запуска
Open Design работает поверх модели - сам он ничего не генерирует. Проще всего отдать ему Claude Code: приложение находит его автоматически и использует как движок без дополнительной настройки. Убедиться, что Claude Code установлен, можно командой claude --version - в ответ должен появиться номер версии.
Установка
Скачайте установочный файл под свою систему с официального сайта проекта и установите как обычную программу - на macOS достаточно перетащить приложение в папку программ, на Windows - пройти обычный мастер установки. При первом запуске Open Design сканирует компьютер и находит установленный Claude Code автоматически; если модель найдена, в интерфейсе будет видно, какая именно активна.
Подключение другой модели
Если нужен не Claude, а другая модель, в настройках приложения можно вписать три поля вручную: адрес API, ключ доступа и название модели - так подключаются модели с OpenAI-совместимым интерфейсом, включая ChatGPT, Gemini или локальные модели через Ollama и LM Studio. При локальном запуске данные не покидают компьютер и не тратят внешние запросы.
Как собрать первый макет
Выберите тип результата - сайт, прототип приложения, презентация, изображение или ролик. Затем выберите готовый стиль оформления из библиотеки - это ускоряет старт по сравнению с чистым листом. Опишите задачу словами:
Одностраничный лендинг для домашней кофейни. Тёплые коричневые тона, крупное фото чашки на первом экране, блок меню с ценами, кнопка «Забронировать стол». Спокойно и уютно.
Макет собирается прямо в окне, и его можно листать и проверять интерактивные элементы сразу. Дальше правьте текстовыми командами: «сделай шапку темнее», «убери второй блок», «кнопку крупнее» - до нужного результата. Готовый макет экспортируется как HTML-страница, PDF, презентация или видеофайл в зависимости от типа проекта.
Частые проблемы
Если приложение не видит модель, проверьте, что Claude Code действительно установлен командой claude --version, либо впишите ключ другой модели в настройках вручную. На macOS при первом запуске система может показать предупреждение о «неизвестном разработчике» - откройте приложение через контекстное меню (правая кнопка мыши → «Открыть»), подтвердите один раз, и дальше оно будет запускаться обычным двойным кликом.
Чек-лист
- Модель установлена и найдена приложением (или подключена вручную)
- Выбран тип результата и стиль оформления
- Бриф описывает конкретную сцену, а не общие пожелания
- Результат проверен на мобильной ширине, если это сайт
- Экспорт выполнен в нужном формате