Figma Design.md Plugin Skill

Skill by ara.so — Design Skills collection.

Overview

The design-md-figma plugin extracts local styles, variables, and component families from Figma files and generates standardized DESIGN.md and SKILL.md files. These outputs provide AI coding agents with design-system blueprints for building consistent interfaces.

The plugin reads:

• Local color/typography/spacing/radius/motion styles
• Figma variable collections
• Effect styles (shadows, blur)
• Grid styles
• Component families

It generates TypeUI-format markdown that AI agents can use to implement design-consistent code.

Installation & Setup