# Совместимость с Figma

Сравнение возможностей Figma Design с текущим состоянием OpenPencil.

::: tip Статус
✅ Поддерживается полностью · 🟡 Поддерживается частично · 🔲 Пока не реализовано
:::

**Покрытие:** учтены 94 из 158 возможностей Figma — 76 ✅ полностью, 18 🟡 частично и 64 🔲 пока отсутствуют. Обновлено 7 марта 2026 года.

## Интерфейс и навигация

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Панель инструментов | ✅ | Нижняя панель в стиле UI3: выделение, фрейм, секция, прямоугольник, эллипс, линия, текст, рука и перо |
| Панель слоёв | ✅ | Дерево с раскрытием, перетаскиванием, видимостью и изменяемой шириной |
| Страницы | ✅ | Добавление, удаление и переименование; отдельное состояние области просмотра |
| Панель свойств | ✅ | Внешний вид, заливка, обводка, эффекты, типографика, компоновка и положение |
| Масштаб и перемещение | ✅ | <kbd>Ctrl</kbd> + прокрутка, жест сведения пальцев, <kbd>⌘</kbd><kbd>+</kbd>/<kbd>−</kbd>, <kbd>⌘</kbd><kbd>0</kbd>, <kbd>⌘</kbd><kbd>1</kbd>, <kbd>⌘</kbd><kbd>2</kbd>, <kbd>Space</kbd> + перетаскивание, средняя кнопка и инструмент «Рука» |
| Линейки | ✅ | Верхняя и левая линейки с диапазоном выделения и координатами |
| Фон холста | ✅ | Отдельный цвет для каждой страницы |
| Направляющие | 🔲 | Нет направляющих, перетаскиваемых с линеек |
| Палитра команд | 🔲 | Нет быстрого поиска действий |
| Контекстное меню | ✅ | Буфер обмена, порядок, группы, компоненты, видимость, блокировка и перенос на страницу |
| Сочетания клавиш | 🟡 | Основные команды, компоненты, порядок, видимость и блокировка; часть инструментов и форматирования текста отсутствует |
| Поиск и замена | 🔲 | Нет поиска и замены текста во всём документе |
| Контуры слоёв | 🔲 | Нет каркасного представления всех слоёв |
| Собственная миниатюра | 🔲 | Миниатюра создаётся при экспорте, но выбрать её нельзя |
| Настройка шага перемещения | 🔲 | Используются 1 и 10 пикселей; собственные значения не задаются |
| Меню приложения | ✅ | File, Edit, View, Object, Text и Arrange в браузере; системные меню в Tauri |
| Инструменты ИИ | 🟡 | 90 инструментов через поставщиков моделей и MCP; нет генерации изображений и поиска с ИИ |

## Слои и фигуры

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Прямоугольник, эллипс, линия, многоугольник и звезда | ✅ | Основные фигуры; настраиваются стороны многоугольника и внутренний радиус звезды |
| Фреймы | ✅ | Обрезка содержимого, собственная система координат и заготовки создания и размера |
| Группы | ✅ | <kbd>⌘</kbd><kbd>G</kbd> и <kbd>⇧</kbd><kbd>⌘</kbd><kbd>G</kbd> |
| Секции | ✅ | Подписи, автоматическое принятие пересекающихся объектов и цвет текста по яркости |
| Дуги | ✅ | `arcData` с начальным, конечным углом и внутренним радиусом |
| Карандаш | 🔲 | Нет свободного рисования |
| Маски | 🔲 | Нет масок фигур для обрезки слоёв |
| Типы и иерархия | ✅ | 17 типов объектов, плоская Map и дерево родителей и потомков |
| Выделение | ✅ | Щелчок, Shift + щелчок и прямоугольное выделение |
| Выравнивание и положение | ✅ | Положение, поворот и размеры на панели свойств |
| Копирование объектов | ✅ | Обычный буфер обмена, бинарный Kiwi Figma и копирование как текст, SVG, PNG или JSX |
| Пропорциональный размер | 🟡 | Shift сохраняет пропорции; отдельного инструмента Scale нет |
| Блокировка | ✅ | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>L</kbd>; заблокированный объект нельзя выбрать или переместить на холсте |
| Видимость | ✅ | Значок глаза и <kbd>⇧</kbd><kbd>⌘</kbd><kbd>H</kbd> |
| Переименование | ✅ | Редактирование имени на панели слоёв |
| Передний и задний план | ✅ | <kbd>]</kbd> и <kbd>[</kbd>, а также контекстное меню |
| Перенос на страницу | ✅ | Перемещение выделенных объектов между страницами |
| Ограничения | 🔲 | Нет привязки краёв и центра при изменении размера родителя |
| Умное выделение | 🔲 | Нет равномерного распределения нескольких объектов |
| Сетки компоновки | 🔲 | Нет направляющих столбцов, строк и сетки во фреймах |
| Измерение расстояний | 🔲 | Нет отображения расстояний по Alt + наведение |
| Массовое изменение | ✅ | Положение, размер, внешний вид, заливка, обводка и эффекты; разные значения отмечаются как `Mixed` |
| Поиск похожих объектов | 🔲 | Не реализован |
| Копирование свойств | 🔲 | Нет переноса заливки, обводки и эффектов между объектами |
| Родители и потомки | ✅ | Полная иерархия через `parentIndex` и смена родителя перетаскиванием |

## Векторные инструменты

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Векторные сети | ✅ | Совместимая с Figma модель вместо простого списка точек |
| Перо | ✅ | Угловые точки, кривые Безье, открытые и замкнутые контуры |
| Редактирование векторов | 🟡 | Создание и базовое изменение геометрии; часть сложных операций ограничена |
| Логические операции | 🔲 | Нет объединения, вычитания, пересечения и исключения |
| Объединение контуров | 🔲 | Нет Flatten |
| Преобразование обводки | 🔲 | Нет Outline Stroke |
| Преобразование текста | 🔲 | Нет преобразования текста в векторные контуры |
| Shape builder | 🔲 | Нет интерактивного инструмента логических операций |
| Смещение контура | 🔲 | Нет внутреннего и внешнего смещения |
| Упрощение контура | 🔲 | Нет уменьшения числа точек |

## Текст и типографика

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Текст и редактирование | ✅ | Редактирование на холсте, скрытая `textarea`, курсор, выделение, выбор слова, перетаскивание, двойной и тройной щелчок, диапазоны стилей |
| Отрисовка текста | ✅ | CanvasKit Paragraph для формирования строк и метрик |
| Системные шрифты | ✅ | Inter, font-kit в Tauri, `queryLocalFonts` в браузере |
| Семейство и начертание | ✅ | FontPicker с поиском, виртуальной прокруткой и предварительным просмотром |
| Размер и интерлиньяж | ✅ | Редактируются в разделе «Типографика» |
| Выравнивание | 🟡 | Основное выравнивание; нет вертикального и всех режимов автоматического размера |
| Стили текста | 🟡 | Полужирное, курсив, подчёркивание и зачёркивание; нет именованных переиспользуемых стилей |
| Режимы размера текста | 🔲 | Нет Auto width, Auto height и Fixed size |
| Списки | 🔲 | Нет маркированных и нумерованных списков |
| Ссылки | 🔲 | Нет гиперссылок внутри текста |
| Эмодзи и специальные символы | 🔲 | Поддержка неполная |
| OpenType | 🔲 | Нет лигатур, стилистических вариантов и табличных цифр |
| Вариативные шрифты | 🔲 | Нет настройки осей |
| CJK | 🔲 | Нет полной поддержки китайского, японского и корейского текста |
| RTL | 🔲 | Нет компоновки справа налево |
| Иконочные шрифты | 🔲 | Нет специальной обработки глифов |

## Цвета, градиенты и изображения

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Выбор цвета HSV | ✅ | Поле HSV, ползунки тона и прозрачности, шестнадцатеричный ввод |
| Сплошные заливки | ✅ | Цвет и прозрачность |
| Линейный градиент | ✅ | Точки и рычаги преобразования |
| Радиальный градиент | ✅ | Шейдеры CanvasKit |
| Угловой градиент | ✅ | Sweep/Conic |
| Ромбический градиент | ✅ | Четырёхточечный градиент |
| Заливки изображениями | ✅ | Декодирование Blob и режимы Fill, Fit, Crop и Tile |
| Узорные заливки | 🔲 | Нет повторяющихся узоров |
| Режимы наложения | 🔲 | Нет режимов наложения слоёв и заливок |
| Изображения и видео | 🟡 | Заливки отображаются; нет импорта перетаскиванием и видео |
| Коррекция изображения | 🔲 | Нет экспозиции, контраста и насыщенности |
| Обрезка | 🔲 | Нет интерактивной обрезки |
| Пипетка | 🔲 | Нет получения цвета с холста |
| Цвета нескольких объектов | 🔲 | Нет общего изменения цветов неоднородного выделения |
| Цветовые модели | 🟡 | HSV и Hex; нет переключения HSL или RGB |

## Эффекты и свойства

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Внешняя тень | ✅ | Смещение, размытие и цвет через фильтры CanvasKit |
| Внутренняя тень | ✅ | Внутренняя тень |
| Размытие слоя | ✅ | Гауссово размытие |
| Размытие фона | ✅ | Размытие содержимого за объектом |
| Размытие переднего плана | ✅ | Размытие перед объектом |
| Толщина обводки | ✅ | Настраивается на панели свойств |
| Концы обводки | ✅ | `NONE`, `ROUND`, `SQUARE`, `ARROW_LINES`, `ARROW_EQUILATERAL` |
| Соединения обводки | ✅ | Острые, скошенные и круглые |
| Штрихи | ✅ | Чередование штриха и промежутка |
| Выравнивание обводки | ✅ | Внутри, по центру и снаружи с обрезкой как в Figma |
| Толщина отдельных сторон | ✅ | Верхняя, правая, нижняя и левая стороны |
| Радиус углов | ✅ | Общий или отдельный для каждого угла |
| Сглаживание углов | 🔲 | Нет непрерывного скругления |
| Несколько заливок и обводок | 🔲 | Нет наложения нескольких красок на один объект |

## Автоматическая компоновка

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Горизонтальный и вертикальный поток | ✅ | Flexbox Yoga WASM |
| <kbd>⇧</kbd><kbd>A</kbd> | ✅ | Включение для фрейма или оборачивание выделения |
| Интервал | ✅ | Настраивается на панели свойств |
| Отступы | ✅ | Общие или отдельные для четырёх сторон |
| Распределение | ✅ | Начало, центр, конец и между объектами |
| Поперечное выравнивание | ✅ | Начало, центр, конец и растягивание |
| Размеры | ✅ | Fixed, Fill и Hug для каждой оси |
| Перенос | ✅ | Flex wrap |
| Grid | ✅ | CSS Grid через ответвление Yoga: дорожки, интервалы и объединение ячеек |
| Вложенные потоки | ✅ | Вложенные фреймы с разными направлениями |
| Изменение порядка | ✅ | Визуальный индикатор вставки |
| Минимальные и максимальные размеры | 🔲 | Нет ограничений для дочерних объектов |

## Компоненты и дизайн-системы

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Создание компонентов | ✅ | Из фрейма, группы или нескольких объектов; свойства текста, видимости, замены экземпляра и варианты |
| Наборы компонентов | ✅ | Многомерные неполные варианты, проверка дубликатов и верхний левый вариант по умолчанию |
| Экземпляры | ✅ | Assets, вставка, свойства, переопределения, переключение вариантов, синхронизация и проверка обновлений |
| Варианты | ✅ | Создание, переключение, неполные сочетания и замена верхним левым вариантом |
| Свойства компонентов | ✅ | Логическая видимость, текст и замена экземпляра |
| Распространение изменений | ✅ | Основной компонент обновляет экземпляры, сохраняя переопределения |
| Переменные | 🟡 | Полный интерфейс для `COLOR`; `FLOAT`, `STRING` и `BOOLEAN` без интерфейса редактирования |
| Коллекции и режимы | 🟡 | Коллекции, режимы и `activeMode`; нет интерфейса тем на основе переменных |
| Стили | 🔲 | Нет именованных стилей цвета, текста, эффектов и компоновки |
| Библиотеки | ✅ | Неизменяемые локальные и удалённые редакции, выборочная публикация, обновления, работа без сети и сохранение в `.fig` |
| Отсоединение экземпляра | ✅ | <kbd>⌥</kbd><kbd>⌘</kbd><kbd>B</kbd> превращает экземпляр во фрейм |
| Переход к основному компоненту | ✅ | Переход к исходному компоненту, в том числе на другую страницу |

## Прототипирование

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Связи | 🔲 | Пока не поддерживаются |
| Триггеры | 🔲 | Щелчок, наведение, перетаскивание и другие события |
| Действия | 🔲 | Переход, наложение, прокрутка и другие действия |
| Анимации | 🔲 | Переходы и анимации |
| Smart animate | 🔲 | Автоматическая анимация совпадающих слоёв |
| Наложения | 🔲 | Модальные и всплывающие прототипы |
| Прокрутка | 🔲 | Прокручиваемые фреймы в прототипах |
| Потоки | 🔲 | Именованные начальные точки |
| Переменные | 🔲 | Условная логика |
| Кривые и пружины | 🔲 | Собственные кривые анимации |
| Режим показа | 🔲 | Полноэкранный просмотр прототипа |

## Импорт и экспорт

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Импорт .fig | ✅ | Кодек Kiwi: 194 определения и около 390 полей в `NodeChange` |
| Экспорт .fig | ✅ | Kiwi, Zstd и миниатюра; `COMPONENT` и `COMPONENT_SET` преобразуются в `SYMBOL` для обратной совместимости |
| Сохранение | ✅ | Системные диалоги в Tauri, File System Access API в Chrome и Edge, скачивание в Safari |
| Вставка из Figma | ✅ | Декодирование бинарного Kiwi из буфера обмена Figma |
| Копирование в Figma | ✅ | Создание бинарного Kiwi, читаемого Figma |
| Импорт Sketch | 🔲 | Нет разбора `.sketch` |
| Экспорт изображений, SVG и PDF | 🟡 | PNG, JPG, WEBP и SVG поддерживаются; PDF отсутствует |
| История версий | 🔲 | Нет просмотра и восстановления версий |
| Обмен ресурсами | ✅ | Буфер обмена Figma и копирование как текст, SVG, PNG или JSX |

## Plugin API и сценарии

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| `eval` с Figma Plugin API | ✅ | JavaScript без интерфейса с глобальным `figma`, близким к API плагинов Figma |

## Совместная работа и режим разработчика

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Комментарии | 🔲 | Нет меток, веток обсуждения и разрешения комментариев |
| Совместное редактирование | ✅ | P2P через Trystero и Yjs CRDT, указатели и режим слежения без сервера |
| Чат у указателя | 🔲 | Нет сообщений рядом с указателем |
| Ветвление и слияние | 🔲 | Нет веток версий для файлов дизайна |
| Режим разработчика | 🟡 | Вкладка «Код» показывает JSX выделения; нет свойств CSS и спецификаций передачи |
| Code Connect | 🔲 | Нет связи компонентов дизайна с кодом |
| Фрагменты кода | 🟡 | JSX с подсветкой и копированием; нет CSS, Swift и Kotlin |
| Tailwind CSS v4 | ✅ | HTML с классами из вкладки «Код», CLI или программного API |
| Figma for VS Code | 🔲 | Нет интеграции с редактором кода |
| Сервер MCP | ✅ | `@open-pencil/mcp`, stdio и HTTP; 87 основных и 3 файловых инструмента |
| CLI | ✅ | `info`, `tree`, `find`, `export`, `analyze`, `node`, `pages`, `variables`, `eval` и вывод JSON |

## Figma Draw

| Возможность | Статус | Примечания |
|-------------|--------|------------|
| Инструменты иллюстрации | 🔲 | Нет специализированных инструментов Figma Draw |
| Преобразования узоров | 🔲 | Нет повторяющихся узоров с преобразованиями |