ИзиСпека — Figma-плагин: статическая и живая спека прямо на канвасе

Рисовать спеку вручную — долго. Хочется тратить время на дизайн и сценарии, а не на раскладку стрелочек и подписей.

Стрелки, бейджи и текст легко забыть обновить после изменений в макете — спека начинает врать разработчикам.

А если спека появлялась бы автоматически — прямо в Figma, без ручной разметки?

ИзиСпека берёт любой фрейм и рисует рядом живой и статический вариант спецификации.

Режимы плагина

Два режима под разные задачи

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

Статическая ИзиСпека

Плагин создаёт отдельный SPEC‑фрейм, который остаётся на канвасе и живёт вместе с макетом — удобно для хенд‑оффа.

Живая ИзиСпека

При выделении элемента плагин рисует поверх него размеры и отступы, а в панели показывает расшифровку свойств.

Интерфейс плагина

Вся логика плагина собрана в одном компактном окне: сверху переключатель режимов, ниже — несколько понятных настроек и кнопки действий.

Вкладка «ИзиСпека»

Здесь настраивается, как именно будет выглядеть SPEC‑фрейм справа от макета: источник, тип превью и дополнительные секции.

Источник: Выделение или Вся страница.
Чекбокс «Отдельная спека для каждого выделения» — для пакетной генерации SPEC‑фреймов.
Превью: Копия макета или Снимок (PNG).
Блок «Оверлеи»: показывать ли линии и бейджи размеров и отступов.
Опция «Добавлять вложенные компоненты и элементы» — карточки для внутренних инстансов.
Опция «Добавлять спеку по свойствам и вариантам компонентов» — блок «Свойства / Варианты».
Кнопки «Создать спеку» и «Пересоздать спеку» — на всю ширину, одна строка.

Вкладка «Живая ИзиСпека»

Эта вкладка показывает живой оверлей поверх выделения и карточку «Значения» с основными параметрами, которые можно копировать.

Пустое состояние с подсказкой, если ничего не выделено.
При выделении элемента появляется карточка «Значения» с группировкой свойств.
Отдельная иконка копирования по hover на строку значения.
Кнопка «Создать спеку» внизу вкладки — на всю ширину, закреплена по низу окна.
Живые оверлеи `SPEC__LIVE_OVERLAY*` автоматически удаляются при снятии выделения или смене вкладки.