Open Design: как локальный open-source инструмент меняет работу AI-агентов с дизайном

Open Design: локальный open-source инструмент, который учит AI-агентов работать с дизайном

Open Design (OD) — первый open-source инструмент, который превращает разрозненные AI-агенты (Claude Code, Cursor, Qwen, Hermes и другие) в согласованную команду дизайнеров, сохраняя все данные и вычисления на стороне пользователя. Работая по принципу local-first и BYOK (Bring Your Own Key), OD решает проблему облачной зависимости и vendor lock-in, характерную для закрытых решений вроде Claude Design.

Главное новшество OD — Design as Code. Вместо того чтобы хранить дизайн в закрытых платформах (Figma, Adobe), он выносит его в обычный DESIGN.md в репозитории. Этот файл становится источником правды для токенов, палитр и компонентов. Любой AI-агент, подключённый к OD, читает его напрямую — изменения сразу отражаются в коде. Для команд, работающих с Git, это меняет подход к дизайн-системам: теперь они становятся частью инфраструктуры, а не изолированным артефактом.

Кроме DESIGN.md, OD использует BRAND.md — отдельный файл для брендбука (цвета, шрифты), который служит источником правды для всех остальных артефактов. Это разделение позволяет адаптировать токены для разных контекстов (например, веб-масштабирование в DESIGN.md отличается от полиграфии в BRAND.md).

Агентская ферма: 16+ моделей вместо одного провайдера

В основе OD лежит демон, который автоматически сканирует PATH на наличие 16+ AI-агентов и подключает их. Вам не нужно выбирать одного провайдера: OD работает с любыми локальными агентами или через BYOK-прокси (совместим с OpenAI, Anthropic, Azure, Google). В BYOK-режиме часть функциональности теряется — OD не может использовать инструменты Read или Write, так как взаимодействует только через <artifact>-теги. Это означает, что часть работы придётся выполнять вручную, но зато вы полностью контролируете данные.

Веб-интерфейс OD запускается локально (pnpm tools-dev run web) или деплоится на Vercel. Все проекты, чаты и артефакты хранятся в SQLite (app.sqlite), а сами проекты — это симлинки на реальные файлы репозитория. Это устраняет необходимость в импорте/экспорте: изменения в OD сразу отражаются в коде, и наоборот. Но есть подвох: симлинки требуют, чтобы пользователь работал в той же папке, где запущен демон. Если проект размазан по нескольким директориям, работать с OD будет неудобно.

Windows добавляет свои сложности: при длинных путях (ENAMETOOLONG) OD переключается на stdin/prompt-file, что замедляет работу. На iPhone 15 Pro, Pixel, iPad Pro и MacBook интерфейс доступен через Chrome, но для рендеринга видео (HyperFrames) или PDF требуются дополнительные инструменты (FFmpeg, Node 22+).

Бриф как барьер, чек-лист как фильтр

Перед генерацией OD требует заполнить интерактивную бриф-форму: целевая аудитория, визуальный стиль, масштаб, бренд. Без ответов генерация не начнётся. Это не прихоть, а механизм контроля качества: OD не будет генерировать дизайн вслепую, если не хватает контекста.

Затем пользователь выбирает одну из 5 детерминированных школ дизайна:

• Editorial Monocle (журнальный стиль),
• Modern Minimal (минимализм),
• Warm Soft (мягкие тона),
• Tech Utility (технический утилитаризм),
• Brutalist Experimental (брутализм).

У каждой школы фиксированная палитра в OKLch и шрифтовой стек. Стандартизация упрощает выбор, но ограничивает креативность: если нужен нестандартный стиль, придётся дорабатывать результат вручную.

Агент проходит 5-мерный чек-лист перед выводом:

1. Концепция,
2. Визуальный уровень,
3. Детализация,
4. Соответствие брифу,
5. Анти-slop.

Если хотя бы один пункт не пройден, OD не отдаст результат. Это не галочка, а механизм, снижающий вероятность "мусорного" дизайна. Но чек-лист не учитывает субъективное восприятие — в некоторых случаях полезный результат может быть отсеян.

Навыки, системы и медиагенерация: готовые решения с оговорками

OD поставляется с:

• 31 встроенным навыком (веб-прототипы, SaaS-лендинги, постеры, презентации, Kanban-доски),
• 72+ дизайн-системами (Linear, Stripe, Vercel, Apple и другими),
• 93 готовыми промпт-шаблонами для медиагенерации (изображения, видео, motion graphics).

Это удобно для быстрого старта, но создаёт напряжённость:

• Стандартизация удобна, но ограничивает креативность. Если нужен нестандартный стиль, придётся вручную дорабатывать DESIGN.md или создавать свой навык.
• Медиагенерация (например, видео через Seedance 2.0 от ByteDance или motion graphics через HyperFrames) требует дополнительных инструментов. OD не оптимизирует перформанс автоматически: сгенерированный лендинг может иметь Lighthouse 61/100 для мобильного сайта.

Где OD ломается: зависимость от агента и ручная доводка

Качество генерации в OD сильно зависит от выбранного LLM. Топовые модели (Claude 4.7, Cursor) дают лучшие результаты, чем локальные или менее мощные (например, DeepSeek). OD не скрывает эту зависимость: пользователю приходится экспериментировать с промтами и моделями.

Пример из практики: команда DevFest пересобрала сайт конференции с помощью OD, полностью отказавшись от Tilda и Claude Design. Процесс занял несколько часов, но потребовал ручной доработки перформанса (Lighthouse 61 → 90+). Это показало, что OD — инструмент для тех, кто готов инвестировать время в настройку.

Кому подходит OD — и где он не заменит привычные инструменты

OD — это инструмент для:

• дизайнеров и product-менеджеров, которым нужно быстро прототипировать и итерировать без Figma,
• разработчиков AI-агентов, тестирующих новые навыки,
• стартапов и фрилансеров, которым нужен маркетинговый материал (лендинги, презентации, посты) без подписок на проприетарные сервисы.

Но OD не заменит Figma или Photoshop для сложных проектов (например, анимации или 3D-модели). Он не оптимизирует перформанс автоматически, и качество генерации зависит от выбранного LLM. Если нужно готовое решение "из коробки", OD потребует доработки.

Итог: локальность, контроль — и цена удобства

Open Design не просто повторяет рабочий процесс Claude Design. Он радикально меняет подход к дизайну, возвращая контроль над данными и процессом.

Практическое правило: используйте OD, если вам важна локальность, контроль над данными и вы готовы инвестировать время в настройку. Если нужен готовый результат без доработок, обратитесь к специализированным платформам.