Figma Plugin Development

Expert guidance for building Figma plugins — from architecture and API usage to UI development, publishing, and monetization.

Synthesized from: Official Figma Plugin API Documentation, @figma/plugin-typings, figma/plugin-samples, Tokens Studio, FigmaToCode, Design Lint, Config talks, Evil Martians guides.

When to Use This Skill

Use when the task involves:

• Creating a new Figma plugin (design mode, FigJam, Dev Mode, Slides)
• Working with the Figma Plugin API (nodes, styles, variables, components)
• Building plugin UI (iframe, React, message passing)
• Generating code from Figma designs (codegen plugins)
• Publishing or monetizing a Figma plugin
• Debugging plugin issues (sandbox, font loading, network, performance)