Agent skill · software engineering · aiskillstore
figjam-plugin
FigJam plugin development workflow. Use when modifying code.ts (canvas rendering), ui.ts (WebSocket/UI), fixing plugin build errors, or adding new rendering features.
Why this skill is useful
Provides specific development patterns and commands for FigJam plugin architecture that the AI wouldn't reliably generate on its own.
What it needs
Requires bun installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
FigJam Plugin Development Architecture Thread File APIs Role -------- ------ ------ ------ Main code.ts figma. only Canvas rendering UI ui.ts Browser APIs WebSocket client, connection UI Critical: code.ts has NO browser APIs (window, document, fetch, WebSocket). Communication Build & Import Import: Figma Desktop → Plugins → Development → Import from manifest → packages/plugin/manifest.json Debugging UI errors: Right-click plugin UI → Inspect Main errors: Plugins → Development → Open console JSON Import Accepts DSL (nodes array) or IR (nodes object) Validates with @figram/core, normalizes to IR Errors shown in alert with path + message Key Files File Purpose ------ --------- manifest.json Plugin config src/code.ts Canvas rendering src/ui.ts WebSocket + UI src/icons/ Service icons
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/figjam-plugin