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.