Figma plugin template: dock emulation, perimeter resize handles, clientStorage persistence
This commit is contained in:
commit
de4b537d1a
8 files changed
+4446
No files matched your search
@@ -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.
|
||||
Reference in new issue
Block a user