Figma plugin template: dock emulation, perimeter resize handles, clientStorage persistence

This commit is contained in:
Hermes committed 2026-09-18 14:06:22 +02:00
commit de4b537d1a
8 files changed
+4446

No files matched your search

+26
View File
@@ -0,0 +1,26 @@
# 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.