FigJam Plugin Development

Architecture

Two-thread model:

• packages/plugin/src/code.ts - Main thread (Figma API, renderer)

  • NO browser APIs (window, document, fetch)
  • Access to figma.* API
  • Renders nodes/edges to FigJam canvas

• packages/plugin/src/ui.ts - UI iframe (WebSocket client)

  • Browser APIs available
  • Manages WebSocket connection to CLI
  • Handles connection UI

Communication Flow