Open Design — бесплатный клон Claude Design без лимитов
Anthropic спрятали Claude Design в самую дорогую подписку. Энтузиасты ответили — и скопировали его полностью. Вот как запустить это за один промпт.
Проблема: Claude Design слишком дорогой и слишком ограниченный
Claude Design — один из лучших инструментов для создания лендингов, прототипов и интерфейсов с помощью ИИ. Но у него есть фундаментальная проблема: он доступен только в подписке Max за $200 в месяц.
И даже при этой подписке лимиты заканчиваются катастрофически быстро. Пара лендингов в неделю — и токены уже исчерпаны. То есть вы платите $200 и всё равно не можете нормально работать.
Плюс ещё одно ограничение: Claude Design работает только с моделями Claude. Никакого ChatGPT, никакого Gemini.
Решение: Open Design
Пока Anthropic ограничивали доступ, энтузиасты взяли и полностью скопировали интерфейс Claude Design — и выложили в открытый доступ.
Open Design — это open-source проект, который:
- Визуально идентичен Claude Design
- Работает бесплатно
- Поддерживает Claude, ChatGPT (Codex) и Gemini
- При работе через Claude Code CLI не тратит дополнительных токенов — всё в рамках подписки
- По функциям даже превосходит оригинал
Репозиторий: https://github.com/nexu-io/open-design
Claude Design vs Open Design — сравнение
| Claude Design | Open Design | |
|---|---|---|
| Цена | Только Max — $200/мес | Бесплатно |
| Лимиты | Заканчиваются быстро; 2 лендинга в неделю — уже проблема | Через CLI — в рамках подписки Claude Code; без отдельных лимитов |
| Модели | Только Claude | Claude API, Claude Code CLI, ChatGPT (Codex), Gemini |
| Интерфейс | Оригинальный | Полная копия — отличий нет |
| Дополнительные возможности | Только прототипы | + презентации, изображения, видео, аудио, дизайн-системы |
| Дизайн-системы | Нет | Предустановлены (включая Anthropic, крупные компании) |
| MCP-серверы | Нет | Поддерживаются кастомные |
Вывод: Open Design не просто копия — это расширенная версия с большим количеством возможностей.
Установка
Способ 1 — Один промпт в Claude Code (рекомендуется)
Создайте новую папку для проекта, откройте её в Claude Code и вставьте этот промпт дословно:
Склонируй репозиторий https://github.com/nexu-io/open-design
в текущую директорию. Прочитай README, установи все
зависимости согласно инструкции, и запусти dev-сервер.
Дай мне локальную ссылку, когда сервер поднимется.
Claude Code сделает всё сам: клонирует репозиторий, установит зависимости и запустит сервер. Вы получите локальную ссылку — переходите по ней.
Способ 2 — Ручная установка
git clone https://github.com/nexu-io/open-design.git
cd open-design
npm install && npm run dev
# или: pnpm install && pnpm devПосле запуска откройте в браузере адрес из терминала (обычно http://localhost:3000).
Настройка после установки
Шаг 1 — Язык и первый вход
- Откройте приложение в браузере
- Выберите русский язык в настройках
- Нажмите «Завести питомца» — появится панель настроек
⚠️ Если всплывающее окно не появляется — попробуйте другой браузер. Это известный баг при первом запуске.
Шаг 2 — Выбор модели ИИ
В настройках выберите, с какой моделью работать:
| Вариант | Когда использовать |
|---|---|
| Claude Code CLI | Если есть подписка Claude — токены не тратятся отдельно ✅ |
| Claude API | Если нет подписки, есть API-ключ — платите за токены |
| ChatGPT (Codex) | Если предпочитаете GPT-модели |
| Gemini | Если работаете в экосистеме Google |
Рекомендация: если у вас есть подписка Claude (любой уровень с Claude Code), выбирайте CLI — это самый экономный вариант. Токены списываются из основной подписки, никакой дополнительной оплаты.
При работе через API интерфейс показывает расход токенов и примерную стоимость в реальном времени.
Шаг 3 — Медиапровайдеры (опционально)
Подключите медиапровайдеры, если нужна генерация изображений прямо в интерфейсе. Это опциональный шаг — для создания лендингов и прототипов не обязателен.
Шаг 4 — Тема и внешний вид
Настройте под себя:
- Светлая / тёмная тема
- Кастомные MCP-серверы — расширяют возможности ИИ
- Шрифты и цветовая схема интерфейса
После сохранения настроек — готово к работе.
Что умеет Open Design
В отличие от Claude Design, Open Design охватывает значительно больше форматов:
| Возможность | Детали |
|---|---|
| Прототипы и лендинги | Основная функция — аналог Claude Design |
| Презентации | Создание слайдов и pitch-деков |
| Генерация изображений | Через подключённые медиапровайдеры |
| Видео и аудио | Расширенные мультимедийные возможности |
| Шаблоны | Готовые дизайны на старт |
| Дизайн-системы | Предустановлены системы крупных компаний — цвета, типографика, компоненты. Включает дизайн-систему Anthropic |
Дизайн-системы — отдельная фишка
В Open Design предустановлены дизайн-системы популярных компаний. Вы можете взять фирменные цвета и стиль любого бренда и строить дизайн в этой системе. Для вдохновения и референсов — полезно.
Рабочий процесс: от промпта до готового дизайна
1. Создание проекта
- Нажмите «Создать» на главном экране
- Выберите тип: Прототип, Презентация, Изображение и т.д.
- Введите промпт — можно взять готовый из Claude Code или написать свой
2. Уточнение деталей
Open Design работает так же, как Claude Design: после промпта система задаёт уточняющие вопросы. Это не баг — это фича. Отвечайте конкретно:
- Какой стиль хотите (минимализм, яркий, корпоративный)?
- Какие блоки нужны (хедер, форма, CTA, соцсети)?
- Светлая или тёмная тема?
Чем точнее ответы — тем точнее результат с первого раза.
3. Генерация и доработка
После генерации у вас есть несколько путей:
- Открыть исходный код прямо в интерфейсе
- Скопировать код и открыть в Claude Code для доработки
- Давать комментарии в чат — ИИ доработает дизайн итерационно
💡 Типичный поток: Open Design создаёт структуру и визуал → Claude Code доделывает детали и фиксит нюансы.
Практические советы
По скорости: небольшие лаги при генерации есть, но они минимальные — меньше, чем у официального Claude Design при исчерпании лимитов.
По токенам: при CLI-режиме интерфейс всё равно показывает, сколько токенов потрачено. Это удобно для контроля расхода, даже если вы не платите за них отдельно.
По браузеру: если что-то не работает при первом запуске — смените браузер. Это решает большинство проблем с интерфейсом.
По промптам: используйте те же промпты, что работают в Claude Design — Open Design понимает их идентично. Можно переносить библиотеку промптов без изменений.
По дизайн-системам: встроенные дизайн-системы больше для референса, чем для прямого использования. Они задают тон и цвета, но финальный дизайн всё равно зависит от промпта.
Итого
Open Design решает главную проблему Claude Design — лимиты и цену. При наличии подписки Claude (с Claude Code CLI) инструмент работает полностью бесплатно в рамках того, что вы уже платите. Плюс добавляет возможности, которых в оригинале нет: презентации, изображения, видео, дизайн-системы.
Если вы уже используете Claude Code — Open Design стоит поставить прямо сейчас. Установка занимает один промпт.
Ссылки
- Репозиторий: github.com/nexu-io/open-design
- Инструкция по установке: Claude Design бесплатно
- Видео-источник: YouTube — Нейропросвещение