Technology & Engineering6 skills

Figma Development skills for AI agents

6 practitioner-grade figma development skills, each a focused Markdown document your agent loads into context on demand. Search them from Claude Desktop, Cursor or any MCP client, or pull one with the CLI.

$ npx skilldb search "figma development"

All 6 skills

Auto Layout
Understanding Figma auto layout and translating it directly to CSS Flexbox and Grid implementations
215 lines
Component Inspection
Inspecting Figma components and systematically translating their structure, variants, and properties into production code
194 lines
Design Tokens Export
Exporting design tokens from Figma into platform-agnostic formats for use in codebases and design systems
224 lines
Dev Mode
Using Figma Dev Mode to inspect designs, extract code snippets, and streamline the design-to-code workflow
124 lines
Figma API
Using the Figma REST API to programmatically access files, components, images, and design data
196 lines
Figma Plugins
Building Figma plugins using the Plugin API to automate tasks, generate assets, and extend Figma's capabilities
248 lines