Установка Open Design — БЕСПЛАТНЫЙ AI-инструмент для дизайна (альтернатива Claude Design)
По мотивам установочного ролика AI Unlocked: настройте Open Design за четыре быстрых шага — скачайте бесплатное десктопное приложение, подключите уже имеющийся кодинг-агент в качестве движка дизайна, оставьте модель по умолчанию и заблокируйте настройки приватности. Платная подписка не нужна.
Это руководство устанавливает Open Design без платной облачной подписки — оно превращает уже имеющийся у вас CLI кодинг-агента в движок дизайна приложения. Оно повторяет четыре шага, которые AI Unlocked показывает в своём видео по установке, переписанные так, чтобы вы могли следовать шаг за шагом. Посмотрите видео выше для живого показа или читайте дальше текстовую версию.
Рабочее пространство Open Design после установки и подключения к локальному кодинг-агенту — облачная подписка не нужна.
Что такое Open Design?
- Открытый исходный код, Apache-2.0 — изучайте код, размещайте у себя или просто скачайте готовое приложение.
- Local-first — приложение и ваши проекты работают на вашей собственной машине.
- Свой агент, свой key — работает поверх уже установленного у вас CLI кодинг-агента (и модели), а не продаёт вам отдельную подписку на AI.
- Больше, чем прототипы — помимо UI-макетов, то же рабочее пространство создаёт слайд-презентации, изображения и видео.
Шаг 1 — Скачайте приложение
Перейдите на страницу Open Design на GitHub и откройте раздел Releases, либо сразу зайдите на open-design.ai за прямой ссылкой на скачивание. Возьмите сборку для своей машины — на Mac с Apple Silicon это сборка macOS arm64. Скачайте файл, откройте его и перетащите значок Open Design в папку Applications. Устанавливается как любое другое десктопное приложение; этот путь не требует ни компиляции, ни терминала.
Шаг 2 — Подключите свой кодинг-агент
Откройте приложение. На экране входа пропустите платную облачную кнопку и вместо этого нажмите на маленькую ссылку под ней — local coding agent. Open Design просканирует вашу машину и найдёт уже установленные CLI, такие как Claude Code, Codex или Cursor. Выберите тот, который должен управлять генерацией дизайна, и нажмите продолжить. Так движок подключается без каких-либо дополнительных затрат — вы просто повторно используете уже имеющийся у вас доступ к агенту.
Шаг 3 — Выберите модель
В поле модели оставьте значение default CLI config. Это укажет Open Design наследовать ту модель, которую сейчас использует ваш подключённый кодинг-агент — обычно самую свежую, — вместо того чтобы выбирать одну из более старых моделей в выпадающем списке, которые являются лишь запасными вариантами.
Шаг 4 — Заблокируйте свою приватность
Перейдите в Settings → Privacy. Вы увидите два переключателя, включённых по умолчанию, один из которых передаёт ваши реальные данные проекта за пределы приложения. Выключите оба, затем нажмите delete my data, чтобы удалить уже собранные данные. После этого Open Design продолжает работать точно так же — эти переключатели контролируют только то, что покидает вашу машину, а не возможности самого приложения.
Изучите рабочее пространство
После подключения две библиотеки избавляют вас от пустого холста:
Библиотека дизайн-систем — выбирайте токены реального бренда вместо того, чтобы начинать с пустой палитры.
- Дизайн-системы упаковывают внешний вид бренда в набор токенов — цвета, типографику, отступы, — на которых можно сразу строить дальше.
- Шаблоны охватывают прототипы, слайд-презентации, а также генерацию изображений и видео, так что можно форкнуть отправную точку вместо пустого экрана.
Библиотека шаблонов — отправные точки для прототипов, слайдов, изображений и видео, готовые к форку.
Отсюда опишите, что вы хотите создать, и пусть подключённый агент сгенерирует первую версию.
Часто задаваемые вопросы
Open Design бесплатен? Да — это open source под лицензией Apache-2.0, и локальный запуск бесплатен. Вы платите только за использование кодинг-агента и модели, которые подключаете, а они у вас, скорее всего, уже есть.
Нужно ли мне покупать Claude Design или другой платный инструмент дизайна, чтобы это использовать? Нет. Open Design работает поверх уже имеющегося у вас CLI кодинг-агента, например Claude Code, так что отдельную подписку на дизайн покупать не нужно.
Какие кодинг-агенты можно подключить? В этом ролике обнаруживаются Claude Code, Codex и Cursor, но Open Design поддерживает гораздо более длинный список CLI кодинг-агентов — покажутся те, что уже установлены на вашей машине.
Почему при настройке спрашивают про приватность? Два переключателя обмена данными включены по умолчанию, и один из них отправляет вашу реальную работу за пределы приложения. Отключив их в Settings → Privacy, вы оставите всё локально, не теряя ни одной функции.
Какую модель выбрать? Оставьте default CLI config, чтобы Open Design использовал модель, которую уже запускает ваш подключённый кодинг-агент — обычно это самый мощный доступный вам вариант.
Это текстовое руководство основано на установочном ролике AI Unlocked. Посмотрите полное видео выше и подпишитесь на AI Unlocked, чтобы каждый день узнавать о новом бесплатном AI-инструменте.