Open Design — open-source альтернатива Figma с AI-агентами


# Open Design — open-source альтернатива Figma + Claude Design на 67k звёзд

> [!quote]- Оригинал (голосовая заметка)
> *(нет голосового оригинала)*

## Переписанный вариант

Разработчики хотят open-source альтернативу Figma, но боятся хайп-проектов — звёзды на GitHub ничего не гарантируют, а мёртвых репозиториев с красивым README больше, чем живых.

Open Design — проект, который за два месяца собрал 67 тысяч звёзд, сотни контрибьюторов и 13 релизов. Выглядит как вирусный хит. Пахнет накруткой. Но под капотом — 705 тестов, 36 CI-воркфлоу, Electron-десктоп и интеграция с Hermes Agent первого класса. Давайте разбираться, что из этого правда, а что — пыль в глаза.

## TL;DR

Open Design — десктопное приложение на Electron, которое генерит UI через AI-агентов. Не SaaS, не браузер — ставится локально, API-ключи ваши. 67k звёзд на GitHub при 7525 форках и 283 открытых issues. Проекту два месяца. Основатель — pftom, организация nexu-io. Лицензия Apache-2.0. Русская локализация есть. Стоит ли ставить? Зависит от того, верите ли вы в AI-дизайн или считаете его дорогой игрушкой.

## Что такое Open Design

Десктопное приложение, которое принимает текстовое описание и выдаёт готовый UI — HTML/CSS, React-компоненты, целые страницы. Работает через AI-агентов: пользователь пишет «сделай лендинг для SaaS с тёмной темой», агент генерит дизайн-систему, компоненты и собирает страницу.

Не браузер, не SaaS. Electron 41.3.0, ставится на Windows/Mac/Linux. API-ключи — ваши (BYOK: xAI Grok по умолчанию, OpenAI и Anthropic опционально). Никаких подписок, никаких кредитов — проект не монетизируется вообще.

Первый коммит — 28 апреля 2026. С тех пор 13 релизов, последний v0.11.0 от 17 июня. 371 тысяча скачиваний суммарно (по данным GitHub Releases), пик на v0.7.0 — 87 тысяч.

## Цифры: 67k звёзд, 7525 форков, 283 issues

67 тысяч звёзд за два месяца. Для сравнения: у Figma — 0 (закрытый код), у Penpot (open-source конкурент) — 50,3 тысячи звёзд, проект с 2018 года. Темп роста Open Design — примерно 1000 звёзд в день на старте.

Это либо органический вирусный рост, либо накрутка. Прямых доказательств накрутки нет, но есть косвенные: сотни контрибьюторов за 2 месяца — аномально много для нового проекта. Для сравнения: у React за первый год было около 200 контрибьюторов.

С другой стороны, 705 тестов и 36 CI-воркфлоу — это не пустышка. Кто-то реально пишет код, и пишет много. 7525 форков и 283 открытых issues — нормальная активность для проекта такого размера.

Мой вывод: звёзды, скорее всего, частично органические (тема горячая — «Figma, но open-source и с AI»), частично накрученные. Но проект не мёртвый — код пишется, релизы выходят.

## Архитектура: skills, design-systems, templates

Open Design построен вокруг трёх сущностей:

- **Скиллы (157 штук)** — инструкции для агентов. «Сгенерируй hero-секцию», «создай форму логина», «адаптируй под мобильные». Агент читает скилл и выполняет. Похоже на Hermes-скиллы, только для дизайна.
- **Дизайн-системы (152 штуки)** — готовые наборы токенов: цвета, шрифты, отступы, тени. Можно взять готовую (Material, Tailwind-подобные) или сгенерить свою.
- **Шаблоны (110 штук)** — целые страницы: лендинги, дашборды, формы. Агент не рисует с нуля, а собирает из шаблонов, меняя контент и стили.

Поддерживается 25 агентов: Hermes, Codex, Cursor, Claude Code и другие. Агент получает скилл, генерит код, результат рендерится в Electron-окне.

## Интеграция с coding agents: Hermes, Codex, Cursor

Самое интересное — как Open Design работает с Hermes Agent. Это не «заглушка под хайп», а интеграция первого класса:

- Адаптер в `apps/daemon/src/runtimes/defs/hermes.ts` — 52 строки, ACP JSON-RPC поверх stdio
- Демон читает OAuth-токены из `~/.hermes/auth.json` — те же, что используются для Hermes
- MCP-инсталляция пишет в `~/.hermes/config.yaml` — Open Design регистрирует свои инструменты как MCP-сервер для Hermes
- Отдельная лендинг-страница на русском с полным гайдом по Hermes-интеграции

Технически это работает так: запускается Open Design, он поднимает ACP-сервер. Hermes подключается к нему через `hermes acp --accept-hooks`. Дальше в чат Hermes отправляется запрос «сделай дашборд для PlanEx», Hermes дёргает Open Design, тот генерит UI и показывает в своём окне.

Для Codex и Cursor — аналогичные адаптеры, но Hermes-интеграция самая проработанная: 7 файлов с реальным кодом, а не заглушки.

Важно: Nous Research (создатели Hermes) не имеют отношения к проекту. Интеграцию написали сами разработчики Open Design.

## Сравнение с конкурентами

Что есть на рынке AI-дизайна:

- **Figma AI** — встроено в Figma, генерит дизайн по тексту. Закрытое, платное, браузерное. Не даёт кода — только макеты.
- **v0 (Vercel)** — генерит React-компоненты по тексту. Браузерное, завязано на Vercel-экосистему. Код можно скопировать, но не интегрируется с агентами.
- **Bolt (StackBlitz)** — full-stack генерация: и фронт, и бэк. Браузерное, WebContainer-песочница. Ближе всех к Open Design по идее, но не десктоп и не open-source.
- **Claude Design** — фича Claude, генерит HTML/CSS артефакты. Браузерное, завязано на Anthropic API. Нет дизайн-систем, нет скиллов.
- **Penpot** — open-source Figma-альтернатива. Браузерная, без AI-генерации. 50,3k звёзд, проект с 2018 года. Ближайший конкурент по духу open-source, но не по функциональности.

Open Design выигрывает по: десктоп (не браузер), open-source (Apache-2.0), BYOK (ваши ключи), интеграция с агентами (ACP/MCP). Проигрывает по: зрелости (2 месяца), отсутствию коллаборации (Figma — многопользовательская), отсутствию монетизации (вопрос выживаемости).

## Под капотом: monorepo, TypeScript, sandbox

Технические детали, которые оценят разработчики:

- **pnpm-монорепо** — apps/daemon (Electron-демон), apps/desktop (само приложение), apps/landing-page, плюс общие пакеты
- **705 тестов** — для проекта возрастом 2 месяца это серьёзно. Не «тесты для галочки», а реальное покрытие
- **36 CI-воркфлоу** — линтеры, тесты, сборка под все платформы, релизный пайплайн
- **OD_SANDBOX_MODE** — переменная окружения, которая ограничивает агентам доступ к файловой системе. По умолчанию выключена
- **BYOK LLM-стек** — никаких прокси-серверов, ваши ключи идут напрямую к провайдерам

Кодовая база производит впечатление реального проекта, а не студенческой поделки. Сотни контрибьюторов — многовато для двух месяцев, но 705 тестов и 36 CI-воркфлоу не появляются из воздуха.

## Безопасность и риски

Что с безопасностью:

- **Телеметрия** — opt-in, по умолчанию выключена. Три категории: usage, errors, performance. Секреты из промптов автоматически вырезаются перед отправкой.
- **Трекеры** — не найдены. Ни Google Analytics, ни Sentry, ни Amplitude.
- **SBOM** — отсутствует. Software Bill of Materials не генерится — вы не знаете точный состав зависимостей.
- **BYOK** — ваши API-ключи не уходят на серверы Open Design. Но они хранятся в Electron-приложении — уровень защиты как у любого десктопного приложения.
- **Sandbox** — есть, но по умолчанию выключен. Если агент решит читать ваши файлы — он сможет, пока вы не включите OD_SANDBOX_MODE.

Главный риск: проект не монетизируется. Сотни контрибьюторов не будут работать бесплатно вечно. Если через полгода не появится бизнес-модель — проект может замедлиться или умереть.

## Что это значит для нас

Для Дмитрия и проектов PlanEx:

- **Использовать как discovery для скиллов.** 157 скиллов Open Design — это готовая библиотека промптов для UI-генерации. Можно адаптировать под Hermes-скиллы для EmDash-тем и лендингов.
- **Копировать дизайн-системы.** 152 дизайн-системы в открытом доступе — бери и используй в своих проектах. Особенно полезно для EmDash CMS, где темы — это JSON с токенами. Например, дизайн-система Shadcn/ui из каталога Open Design — это готовый набор CSS-переменных и компонентов, который можно адаптировать под EmDash-тему за вечер.
- **Интеграция с Hermes уже работает.** ACP-адаптер написан, MCP-инсталляция готова. Можно подключить Open Design как инструмент для Hermes и генерить UI прямо из чата.
- **Ставить или нет?** Если активно используются AI-агенты для фронтенда — стоит. Если нет — подождите v1.0, проект слишком молодой для продакшена.

## Вердикт

Open Design — реальный проект с реальным кодом, а не хайп-пустышка. 67k звёзд — вероятно, частично накручены, но 705 тестов и 13 релизов не подделаешь. Интеграция с Hermes — первого класса, не маркетинговая заглушка. Ставить можно, но с оговоркой: проекту два месяца, бизнес-модели нет, SBOM отсутствует. Для экспериментов — отлично. Для продакшена — рано.

Если совсем коротко: open-source Figma с AI-агентами, которая реально работает, но ещё не доказала, что выживет.

#айишка