27 lines
1.6 KiB
Markdown
27 lines
1.6 KiB
Markdown
# 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.
|