Переход с Claude Design на Open Design — настройка без ограничений
Руководство по миграции, чтобы оставить позади еженедельные лимиты Claude Design: установите Open Design, импортируйте свой ZIP из Claude Design, работайте с любой моделью, меняйте модели прямо посреди проекта, добавляйте ИИ-изображения и публикуйте результат. Включает честный разбор того, «когда стоит переходить». На основе практического разбора Джека Робертса.
Это руководство — план миграции для всех, кто упёрся в жёсткие еженедельные лимиты Claude Design: установите Open Design, перенесите свою текущую работу, создавайте с любой моделью на ваш выбор, меняйте модели посреди проекта, добавляйте ИИ-изображения и публикуйте — и всё это локально. Оно повторяет сквозную миграцию, которую Jack Roberts проводит в своём практическом разборе, переписанную и приведённую в соответствие с текущим релизом. Смотрите видео выше, чтобы увидеть процесс вживую, или читайте письменную версию ниже.
Рабочее пространство Open Design — прототипы, презентации, изображения и видео на одном спокойном и привычном холсте.
Зачем вообще переходить?
Аргумент Джека прямолинеен: Claude Design действительно хорош, но лимиты останавливают вас намертво. Вы привязаны к одной модели (Opus 4.7), ограничены примерно парой полноценных дизайнов в неделю и платите $20–$200 в месяц поверх того, что вы и так тратите на кодинг. В тот момент, когда вам нужна модель подешевле, другая модель или дизайн в масштабе, вас сдерживают.
Open Design убирает эти стены:
- Любая модель на ваш выбор — и её можно сменить посреди проекта.
- Никакого недельного лимита — генерация работает на агенте и провайдерах, которыми вы уже пользуетесь.
- Apache-2.0 — коммерчески безопасно для клиентской работы, в отличие от клонов-репозиториев с ограничительными лицензиями.
- Local-first — ничего не загружается в облако; ваши проекты остаются на вашей машине.
Этот момент с лицензией важнее, чем кажется: Джек подчёркивает, что некоторые «клоны Claude Design» на самом деле нельзя использовать в клиентских проектах. Apache-2.0 означает, что вы можете выпускать платную работу, созданную с её помощью, без роялти и без чьего-либо разрешения.
Шаг 1 — Установите Open Design
Три способа начать:
| Способ | Лучше всего для | Требования |
|---|---|---|
| Десктоп-приложение | Большинства людей — без настройки | Ничего. Просто скачайте и откройте. |
| Запуск из исходников | Разработчиков, которые хотят читать или менять код | Node ~24, pnpm 10.33.x |
| Установка в ваш агент | Тех, кто живёт в терминале | Уже установленный CLI кодинг-агента |
Самый простой путь — десктоп-приложение с open-design.ai/download — оно автоматически определяет установленные у вас CLI агентов. В видео Джек идёт по пути разработчика, передавая репозиторий своему агенту и позволяя ему клонировать и запустить проект:
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web
Оно открывает собственное локальное веб-приложение — ваше локально размещённое рабочее пространство в духе Claude Design — по динамическому URL, который оно выводит (не прописывайте порт жёстко).
Шаг 2 — Перенесите свою работу из Claude Design
Шаг миграции, которого ждут больше всего: импортируйте свой проект из Claude Design. Если вы создали дизайн-систему или проект в Claude Design, вы можете перенести их напрямую — откройте проект там, скачайте его как ZIP, а затем импортируйте этот ZIP в Open Design. Ваши токены и компоненты переезжают вместе с вами, так что не придётся пересобирать всё с нуля.
Библиотека дизайн-систем: каждая запись раскладывает реальный бренд на палитру, типографику, компоненты и визуальную атмосферу, которые можно переиспользовать.
Вы также получаете в наследство глубокую встроенную библиотеку дизайн-систем — Airbnb, Apple, Nike, PlayStation и многие другие — так что даже без импорта чего-либо можно выбрать бренд, и агент перенимает его голос, типографику, палитру и язык вёрстки.
Шаг 3 — Создавайте с моделью, которую выбираете вы
При первом запуске Open Design показывает агентов, уже установленных на вашей машине. Джек выбирает Claude Code, называет проект («analytics»), выбирает высокую детализацию и пишет задание для дашборда в стиле Stripe. Open Design задаёт уточняющие вопросы — поверхность, основной зритель, тон, охват, акцентный цвет — затем прорабатывает список задач и выдаёт интерактивный дашборд с первого захода. Второй раунд правок доводит его до готового к продакшену состояния.
Библиотека шаблонов: стартовые точки для прототипов, слайдов, изображений и видео, которые можно фильтровать по типу и форкать, чтобы начать.
Шаг 4 — Меняйте модели посреди проекта
Это любимый приём Джека и то, чего Claude Design сделать не может. Посреди проекта откройте переключатель моделей (внизу слева), смените Claude Code на Codex (или ChatGPT, Gemini, что угодно, что вы подключили) и сохраните. Теперь ваше следующее сообщение — «сгладь поток прямых трансляций, он выглядит дёрганым» — обрабатывается новой моделью, в том же проекте, с тем же контекстом.
Его профессиональный совет: используйте Opus, чтобы заложить первоначальный дизайн, а затем переключайтесь на модели подешевле для итераций и масштабирования. Модели гораздо проще делать «ещё больше того же самого», чем выстраивать облик с нуля, поэтому пусть самая сильная модель задаёт архитектуру, а более дешёвые берут на себя объём.
Шаг 5 — Добавьте ИИ-изображения и опубликуйте
Добавьте ключ медиа-провайдера (например, OpenAI для GPT Image) в настройках, и вы сможете запрашивать сгенерированные изображения прямо по ходу — «добавь в один из блоков изображение копилки для инвестиций в стиле Ghibli» — и оно сразу ложится в дизайн, со всеми градиентами. Такая встроенная генерация — то, чего чистый клон для дизайна вам не даёт.
Когда вы закончите, Share открывает полное меню экспорта: автономный HTML, PowerPoint, PDF, ZIP, сохранение как шаблон — или публикация прямо в Vercel с вашим токеном. Скачайте как ZIP — и вы также сможете снова открыть проект в Codex, Claude или в любимом редакторе.
Когда переходить (а когда нет)
Джек честен насчёт того, кому это подходит. Переходите на Open Design, если вы агентство или фрилансер, которому нужен коммерчески безопасный результат, оператор с несколькими моделями, уже платящий за Claude Code / Codex / Cursor, или вы выжигаете недельный лимит Claude Design и просто хотите больше дизайнов. Пока оставайтесь на Claude Design, если вы только начинаете во всём этом разбираться и вам комфортно в его рамках.
Одна оговорка: Open Design — молодой и быстро развивающийся проект, так что будьте готовы к отдельным шероховатостям и отнеситесь к нему снисходительно — он быстро улучшается.
Советы
- Сначала импортируйте свой ZIP из Claude Design — не пересобирайте систему, которая у вас уже есть.
- Задайте облик с помощью Opus, затем переключитесь на модели подешевле для итераций и масштабирования.
- Добавьте медиа-ключ, чтобы получать встроенные ИИ-изображения — настоящий апгрейд по сравнению со статичным инструментом для дизайна.
- Используйте локальный CLI, чтобы генерация работала на подписке, за которую вы уже платите, а не на плате за каждый вызов.
- Экспортируйте раньше (HTML/ZIP/Vercel), чтобы проверить результат до передачи заказчику.
FAQ
Перенесутся ли мои проекты из Claude Design? Да. Скачайте свой проект как ZIP из Claude Design и импортируйте этот ZIP в Open Design — токены и компоненты переезжают вместе с ним.
Можно ли действительно использовать любую модель? Да — выбирайте из агентов, установленных на вашей машине (Claude Code, Codex, Gemini, Cursor, OpenCode и другие), переключайтесь между ними посреди проекта или используйте собственный API-ключ.
Безопасно ли это для клиентской работы? Да. Open Design распространяется под Apache-2.0, поэтому вы можете использовать его коммерчески без роялти и разрешений — в отличие от некоторых клонов с ограничительными лицензиями.
Это бесплатно? Приложение с открытым исходным кодом под Apache-2.0 и бесплатно для локального запуска. Вы платите только за использование модели и медиа того агента и провайдеров, которых подключаете — именно так вы и уходите от фиксированного ежемесячного лимита.
Это письменное руководство основано на практическом разборе Джека Робертса. Смотрите полное видео выше и подпишитесь на Jack Roberts, чтобы получать больше практических разборов сборки на ИИ.