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

Core Concepts