Открытая альтернатива Figma с открытым исходным кодом
Figma великолепна, и она никуда не денется. Но формат файла проприетарный, места — это подписка, а холст живёт в чужом облаке. Вот честный разбор: когда Figma по-прежнему ответ — и когда выигрывает обладание agent-нативным, local-first рабочим процессом.
Figma великолепна. Мы годами делали в ней реальную работу, и это не статья в духе «Figma мертва» — совсем нет. То, что мы построили слой с открытым исходным кодом, а не ещё один холст, — это не претензия к мастерству Figma. Это ставка на то, что следующее десятилетие дизайн-работы будет меньше похоже на курсор на бесконечном холсте и больше — на agent, за который вы уже платите и который приводит в движение рабочий процесс, которым вы действительно владеете. Эта статья — честный разбор Figma от команды, строящей в той же категории: что она делает лучше всего, где она вас привязывает, как на самом деле выглядит путь open source и к чему стоит обратиться в этом квартале.
Что такое Figma на самом деле
Figma — это инструмент совместного дизайна по умолчанию. Многопользовательский холст реального времени в браузере, с Dev Mode для передачи в разработку, FigJam для вайтбординга, глубоким маркетплейсом плагинов и растущим набором AI-функций, прикрученных к той же поверхности. Цена — за место в месяц, с градацией по роли и по организации.
Несколько вещей она делает лучше, чем что-либо ещё:
- Совместная работа на холсте в реальном времени. Пять человек в одном файле, курсоры в реальном времени, комментарии прямо на месте. Ничто в open source не сравнится с этой отполированностью многопользовательской работы.
- Векторная работа с точностью до пикселя. Auto Layout, ограничения, варианты, компоненты — примитивы холста зрелые, а мышечная память укоренилась глубоко.
- Огромная экосистема плагинов. Десятилетие сторонних плагинов, файлов сообщества и шаблонов, которые можно просто взять и подключить.
- Передача в разработку, которую команды уже знают. Dev Mode, inspect, разметка, и рабочий процесс, на котором инженеров обучали годами.
Если ваша работа — это дизайнер, рисующий точные экраны для ревью другими людьми на общем холсте, Figma по-прежнему ответ, и хороший. Различия, которые стоит принимать во внимание, живут на слой ниже — в том, кто владеет файлом, рабочим процессом и кривой затрат.
Где она вас привязывает
Figma несёт в себе четыре вида привязки, которые стоит назвать сразу, потому что страницы с ценами этого не делают.
Файл проприетарный. Ваш дизайн живёт в формате Figma, внутри серверов Figma. Вы можете экспортировать PNG и спецификации для разработки, но источник истины — компоненты, варианты, живая дизайн-система — полностью читаем только внутри Figma. Не существует текстовой версии вашей работы, которая пережила бы инструмент.
Среда выполнения размещена в облаке. Холст и есть облако. Для агентской работы или предрелизного креатива под NDA «где живёт этот файл» — это переговоры о закупке, а не настройка. Локальный режим — не опция.
Плагины не переносимы. Экосистема плагинов Figma реальна и глубока — но каждый плагин работает внутри среды выполнения Figma, против API Figma. Рабочий процесс, который вы там построили, нельзя вытащить и запустить через agent на вашем ноутбуке или встроить в конвейер, который не начинается с холста Figma.
Счёт — за место, навсегда. Подписочные места нормальны для стабильной дизайн-команды. Они становятся неудобными для быстрорастущей организации, и они вообще не работают для длинного хвоста контрибьюторов, подрядчиков и разовых соавторов, которые иначе подхватили бы тот же рабочий процесс.
Ничто из этого не баг. Это форма облачного продукта-холста для совместной работы, и Figma — лучшая версия этой формы. Мы просто строим не для холста — мы строим для agent.
Сдвиг, на который ставит Open Design
Open Design — это не клон Figma. Здесь нет бесконечного холста и нет многопользовательских курсоров. Это тонкий skill-слой, который превращает кодинг-agent, которым вы уже пользуетесь, в дизайн-движок. Четыре примитива — это skills, systems, adapters и daemon — и важная часть в том, что все они — просто файлы:
- Каждый skill — это файл
SKILL.md, который вы можете прочитать, форкнуть и отправить обратно как PR. - Каждая дизайн-система — это переносимый файл
DESIGN.md, включая тот, который мы поставляем для самой Figma. Вы можете открыть его в любом редакторе, сделать diff в git, и он переживёт любой инструмент, который прочитает его следующим. - Каждый agent adapter — это ~80 строк TypeScript.
Это покупает вам ровно противоположность четырём привязкам выше:
- Файл — это обычный текст. Skills и systems — это Markdown в репозитории. Ваша дизайн-система читаема без инструмента.
- Среда выполнения локальна. Она работает на вашем ноутбуке через
pnpm tools-dev, или вы разворачиваете её сами. Промпты идут к выбранному вами провайдеру модели — ничто не проходит через нас. - Рабочий процесс переносим. Skill — это папка. Она встраивается в любой agent в вашем
$PATH, а не в среду плагинов одного вендора. - BYOK по умолчанию. Вставьте любой OpenAI-совместимый
base_urlи ключ; ваши токены идут напрямую к провайдеру. Apache-2.0, без регистрации, без счёта за место.
Ментальная модель такая: Figma — это холст, который вы арендуете. Open Design — это рабочий процесс, которым вы владеете.
Бок о бок
| Figma | Open Design | |
|---|---|---|
| Лицензия | Проприетарная | Apache-2.0 |
| Среда выполнения | Размещённая (браузер, облако Figma) | Локальный daemon (pnpm tools-dev) + опциональный self-host |
| Формат исходного файла | Проприетарный .fig | Текстовые SKILL.md / DESIGN.md в репозитории |
| Основная поверхность | Многопользовательский холст реального времени | Генерация под управлением agent + предпросмотр в песочнице |
| Модели / AI | Собственные AI-функции Figma | Любая OpenAI-совместимая точка + обнаруженные CLI кодинг-агентов |
| Плагины | Маркетплейс, работает внутри Figma | Форкаемые папки skill, запускаются любым agent |
| Дизайн-системы | Библиотеки Figma (внутри инструмента) | Переносимые файлы DESIGN.md (включая Figma-версию) |
| Цена | Подписка за место | Бесплатно; вы платите провайдеру модели напрямую |
| Передача в разработку | Dev Mode, inspect, разметка | Любой agent в $PATH, плюс экспорт HTML / PDF / PPTX / ZIP |
| Возможность self-host | Нет | Да (ноутбук или ваш собственный деплой) |
| Путь данных | Файлы → облако Figma | Промпты → выбранный вами провайдер; ничто не проходит через нас |
Честный итог: у Figma самый отполированный опыт совместной работы на холсте на рынке, и для команды дизайнеров, вместе ревьюящих точные экраны, эта отполированность и есть продукт. Open Design же полностью меняет холст на библиотеку — skills, systems и agents, спроектированные для компоновки с инструментом, уже стоящим на вашем ноутбуке. Другая форма, другая ставка.
Кому что выбрать
| Если вы… | Выбирайте |
|---|---|
| Дизайн-команда, делающая работу на холсте в реальном времени с несколькими дизайнерами и живым ревью | Figma. Ничто в open source не сравнится с многопользовательским холстом. |
| Дизайнер, целыми днями делающий пиксель-точную векторную и компонентную работу | Figma. Примитивы холста зрелые, а ваша мышечная память стоит реальных денег. |
| Организация, уже стандартизированная на Figma, с Dev Mode в инженерном цикле | Figma. Вы уже заплатили цену интеграции; используйте её. |
| Дизайн-инженер, уже управляющий Claude Code, Codex или Cursor из терминала | Open Design. Ваш agent и есть дизайн-движок; skill-слой добавляет вкус и структуру без нового приложения. |
| Любой, кому нужен BYOK, выбор модели посреди проекта или локальная обработка чувствительных брифов | Open Design. Реальность грубее, чем маркетинг, но это единственный контракт, который действительно держится. |
| Команда, которой нужна дизайн-система, переживающая смену инструментов | Open Design. Файлы DESIGN.md переживают инструмент, который их читает. |
| Контрибьютор open source, желающий выпустить дизайн-процесс, который проект сможет принять | Open Design. Положите папку, перезапустите daemon, отправьте PR. |
Измерение, которое решает дело для большинства команд, — это не качество; мастерство Figma реально. Это то, является ли ваша работа холстом, на котором рисуют, или рабочим процессом, который автоматизируют. Если последнее — вы предпочтёте владеть им, а не арендовать его.
Что делать дальше
Если у вас уже есть повторяемая задача в Figma — экспортировать эти фреймы, синхронизировать те токены, пересобрать тот шаблон дека — самый быстрый способ почувствовать разницу — это перенести одну из них в плагин. Начните с одной раздражающей, повторяемой задачи, а не с «заменить Figma».
Или просто запустите быстрый старт из трёх команд и направьте его на модель, за которую вы уже платите. Всё это живёт в одном репозитории, и первый дек занимает около десяти минут.
Попробуйте рабочий процесс с открытым исходным кодом.
Дополнительное чтение
- Как перенести рабочий процесс Figma в плагин Open Design — конкретный путь для экспорта, синхронизации токенов или бренд-кита
- Открытая альтернатива Claude Design — тот же честный разбор, на инструмент в сторону
- Почему мы сделали Open Design skill-слоем, а не продуктом — более длинный манифест за ставкой «слой, а не продукт»