Раздел Дизайн · Интеллект Apache-2.0 · Сделано на Земле
← Назад в журнал

Открытая альтернатива 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 — это рабочий процесс, которым вы владеете.

Веер из простых чёрных листов бумаги и карточек, разворачивающийся из открытого контейнера, пара листов улетает свободно, на тёплой редакторской исследовательской плашке
Skills и systems — это текстовые файлы в репозитории — переносимые, форкаемые, читаемые без инструмента.

Бок о бок

FigmaOpen 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».

Или просто запустите быстрый старт из трёх команд и направьте его на модель, за которую вы уже платите. Всё это живёт в одном репозитории, и первый дек занимает около десяти минут.

Попробуйте рабочий процесс с открытым исходным кодом.

Дополнительное чтение


← Назад в журнал GitHub · Источник ↗