🤯 Я отказываюсь от Claude Design… эта альтернатива лучше

Это практический обзор от человека, который зарабатывает на жизнь дизайном клиентских проектов. Jérémy DE CAMPOS создаёт SaaS-продукты для настоящих агентств и до перехода к коду набрасывал интерфейсы в Claude Design. В его видео участник сообщества советует ему Open Design, и он проводит самый честный тест из возможных: заново собирает ровно тот же самый клиентский инструмент, который уже делал в Claude Design, и сравнивает. Эта текстовая версия следует за его прогоном, переписана для данной статьи и обновлена под текущий релиз. Смотрите живые реакции в видео выше или читайте дальше.

Open Design: открытое, agent-native рабочее пространство для дизайна, которое вы запускаете на собственной машине.

Что такое Open Design?

Open Design — это открытая, local-first платформа для дизайна, agent-native альтернатива Claude Design и Figma. Вместо того чтобы запирать вас в одной платной модели, она работает поверх кодинг-агента, который у вас уже есть: Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode и других.

Что Jérémy заметил в первую же минуту:

• Открытый исходный код, Apache-2.0 — проект на GitHub, быстро развивается и уже на удивление полон.
• Работает локально — проекты оказываются в настоящей папке на вашей машине, которую можно открыть и изучить.
• Со своим агентом — поддерживается 21+ агент; страница тарифов нужна только для их хостируемых моделей, так что, подключив собственный ключ или CLI, вы в ней не нуждаетесь.
• Не только прототипы — прототипы, дашборды, презентации, изображения и даже видео, плюс родственные инструменты вроде HTML Anything и HTML Video.

Если вы пользовались Claude Design, интерфейс покажется сразу знакомым — а поверх него добавляется выбранный вами движок.

Честный тест: пересобрать настоящий клиентский инструмент

Вместо игрушечного промпта Jérémy переиспользует реальный проект: внутренний SaaS для отслеживания поставок и багов, который он строит, чтобы управлять обновлениями по всем клиентам своего агентства. Этот бриф и файл дизайн-системы он уже скармливал Claude Design, поэтому Open Design он передаёт идентичные входные данные — та же спецификация, та же дизайн-система — и запускает. Один и тот же промпт, один и тот же исходный материал, два инструмента: только такому сравнению и стоит доверять.

Запускайте на своей подписке Claude, а не на токенах

Первое решение — движок, и именно здесь меняется вся история с деньгами. Open Design позволяет подключить «сырой» API key — но Jérémy указывает на очевидный риск: гонять генерацию платной моделью вроде Opus с оплатой за токены «может обойтись в целое состояние».

А затем он находит тот самый вариант: запустить локальный Claude Code CLI. Вместо того чтобы жечь тарифицируемые API-токены, Open Design управляет уже установленным у вас CLI claude, так что генерация идёт на подписку Claude, за которую вы и так платите. Он тут же переключается — «когда я говорю очень интересно, я имею в виду очень интересно» — и в конце подтверждает расход: целая сессия израсходовала около 9 % его окна. Для агентства, которое делает это ежедневно, эта разница и есть весь аргумент.

Совет: выбирайте движок в левом нижнем углу рабочего пространства. Направьте Open Design на локальный CLI (Claude Code, Codex, Gemini), чтобы переиспользовать существующую подписку, а тарифицируемый API key держите лишь как запасной вариант.

Что он собрал: кликабельный прототип, а не картинку

Вот момент, когда обзор делает поворот. Open Design возвращает не плоский скриншот — он собирает рабочий, кликабельный прототип. Jérémy заходит в доску тикетов, открывает отдельные тикеты, чтобы посмотреть их детальный вид, и перетаскивает карточки между колонками. kanban интерактивен; в деталях тикета видны заметки клиента, логи захвата и представление консоли; экраны связаны друг с другом, как в настоящем приложении.

Не статичный макет — экраны связаны между собой, а элементы реагируют на клики.

Затем он идёт дальше с дополнительным промптом: сделай остальные страницы и свяжи ссылки в боковой панели, чтобы по макету можно было перемещаться. Он выполняет просьбу, генерирует дополнительные страницы и соединяет их, а затем без повторной просьбы адаптирует раскладку под планшетную и мобильную версии.

Дизайн-система, поданная как следует

Поскольку он загрузил ту же дизайн-систему, что давал Claude Design, сравнение прямое — и его вердикт прямолинеен: у Open Design дизайн-системы поданы лучше. Цвета, типографика, отступы и компоненты выложены ясно, с оформлением из аннотаций и пунктирных направляющих, благодаря которому система выглядит продуманной, а не свалённой в кучу.

Дизайн-система, которая читается как документация, а не как груда цветов.

Редактировать и аннотировать можно прямо на холсте: выделить область, оставить заметку, поправить текст на месте и поставить изменения в очередь на применение агентом — что он и делает, возвращаясь с более чистым результатом с каждым проходом.

От макета к PRD — передача вашему агенту

Функция, которая идеально ложится на реальный рабочий процесс Jérémy, — это генерация PRD. Его метод — вайб-кодинг: сгруппировать тикеты, описать изменение и передать спецификацию Claude Code, чтобы тот сам вносил правки в код. Open Design создаёт именно этот мост — PRD в трёх формах:

• предпросмотр для чтения,
• версия в Markdown, чтобы скормить прямо ИИ,
• и версия в PDF, чтобы при необходимости отправить клиенту.

В связке с представлением поставки (отметить работу выполненной) и журналом изменений приложения это замыкает круг от «спроектированного экрана» до «спецификации, из которой мой кодинг-агент может строить» — не покидая рабочего пространства.

За пределами макета

Пока идёт работа, он обходит остальное и продолжает находить новое:

• Память — автоматически удерживает то, что вы сделали за сессию.
• Библиотека изображений + генерация — подтягивайте или создавайте изображения прямо на месте.
• Навыки — набор готовых навыков, расширяемый собственными.
• MCP-серверы и коннекторы — поддержка внешнего MCP, а также обратное: выставить Open Design как MCP-сервер, чтобы ваш Claude Code CLI управлял холстом и вносил правки прямо из терминала.
• Импорт из Figma, хаб плагинов и наборы шаблонов.
• Панель дизайн-ревью — при включении рядом с агентом появляется ревью из пяти панелей и оценивает результат.

Вердикт

Его вывод однозначен: он всерьёз подумывает отказаться от Claude Design и перевести свои реальные проекты на Open Design — и для дизайна, и для видео. Сочетание, которое его подкупает, конкретно: те же входные данные дают лучше поданную дизайн-систему и по-настоящему интерактивный прототип, всё работает на подписке Claude, за которую он и так платит, а не на тарифицируемых токенах, и на выходе получается PRD, который можно сразу передать кодинг-агенту. Он собирается пару недель как следует погонять инструмент и потом отчитаться — но впечатление от первого запуска в том, что это не просто бесплатный клон, а инструмент получше для его рабочего процесса.

Частые вопросы

Open Design действительно бесплатен? Приложение открыто (Apache-2.0) и работает локально. Вы платите только за выбранную модель — а если подключить локальный CLI вроде Claude Code, он работает на подписке, которая у вас уже есть, без дополнительной оплаты за токены.

Нужен ли платный план со страницы тарифов? Нет. Этот план — для хостируемых моделей Open Design. Подключите собственный ключ или локальный CLI, и его можно пропустить.

Можно ли импортировать то, что я уже собрал в Claude Design? Да — экспортируйте дизайн-систему из Claude Design и импортируйте её в Open Design, а затем продолжайте генерировать в том же бренде.

Экспортирует ли он настоящую спецификацию? Да. Open Design может сгенерировать PRD в виде предпросмотра, Markdown и PDF, так что Markdown вы передаёте кодинг-агенту, а PDF — клиенту.

Какого агента выбрать? Любого поддерживаемого — качество результата зависит от выбранной модели. Использовать локальный Claude Code, Codex или Gemini CLI — самый дешёвый путь, потому что он переиспользует существующую подписку.