Figma Design

This gives Claude deep knowledge of the Figma Plugin API, so it can help you build plugins, set up design systems, and automate workflows. You get detailed guidance on the node hierarchy, auto layout constraints, component architecture, variables and design tokens, plus prototyping interactions. Most useful when you're writing actual plugin code or need to understand how Figma's API structures things like constraints, reactions, or variable bindings. The source material is solid and technical, pulled from official Figma documentation with a 9.8 trust score. If you're just pushing pixels in the Figma UI this is overkill, but for programmatic design work it covers what you need.

skills.sh installs: 544
GitHub stars: 63
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add manutej/luxor-claude-marketplace --skill figma-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Figma Design Skill

Comprehensive guide for Figma design workflows, plugin development, component systems, auto layout, prototyping, and design system management based on official Figma Plugin API documentation from Context7.

When to Use This Skill

Use this skill when working with:

Figma Plugin Development: Building custom plugins, UI extensions, automation tools
Design Systems: Creating and managing variables, styles, components, and libraries
Component Architecture: Building reusable components, variants, and instances
Auto Layout: Implementing responsive frames with constraints and spacing
Prototyping: Creating interactive prototypes with reactions and flows
Batch Operations: Automating repetitive design tasks across multiple nodes
Export & Integration: Exporting assets in various formats (PNG, JPG, SVG)
Data Management: Storing and retrieving plugin/shared data on nodes
Collaboration: Managing version history, comments, and team workflows