Files

1.6 KiB
Raw Permalink Blame History

Figma Plugin Template

Базовый шаблон Figma-плагина — типовой каркас для новых плагинов.

Возможности (готовая инфраструктура)

  • Эмуляция докинга — 9 позиций (4 угла, 4 края, центр). Окно прижимается к краю canvas и пересчитывается при зуме, панораме и ресайзе панелей Figma.
  • Ручки ресайза по периметру — 8 невидимых областей (4 края + 4 угла). Проявляются при наведении с задержкой и приглушённой подсветкой; активная ручка ярче остальных.
  • Сохранение положения — позиция и размер окна сохраняются между открытиями через figma.clientStorage.
  • Relaunch-кнопка — ярлык в правой панели Figma (manifest.json → relaunchButtons).
  • Maximize / Restore — растяжение на весь viewport + возврат в центр.

Разработка

npm install
npm run build    # сборка в build/
npm run watch    # сборка с отслеживанием

В Figma: Plugins → Development → Import plugin from manifest… → выбрать manifest.json.

Структура

  • src/main.ts — логика плагина (dock, resize, persistence).
  • src/ui.tsx — UI плагина (окно, ручки ресайза).
  • manifest.json — манифест Figma.