figma-plugin-dev
CommunityTurn Claude into a Figma plugin expert.
Software Engineering#typescript#debugging#patterns#ui-patterns#plugin-api#figma-plugin#sandbox-architecture
Authorchristophhdesign
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps Claude Code become an expert Figma plugin developer by embedding deep knowledge of the Plugin API, REST API, sandbox architecture, and UI best practices, enabling faster building, debugging, or extending Figma plugins or widgets.
Core Features & Use Cases
- Knowledge of the Plugin API, REST API, sandbox architecture, Grid/Auto Layout systems, Variables/theming, and UI patterns to guide implementation and debugging.
- Use cases include creating manifest.json, code.js/code.ts, ui.html, or any figma.* API code across Figma, FigJam, Slides, and Buzz editor types.
- Claude can apply best practices and design patterns to real-world plugin tasks, from initial scaffolding to maintenance, ensuring robust, scalable plugins.
Quick Start
Open a Figma plugin project and ask Claude Code to apply the Figma plugin development skill immediately.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: figma-plugin-dev Download link: https://github.com/christophhdesign/figma-plugin-developer-skill/archive/main.zip#figma-plugin-dev Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.