using-figma
Using Figma via the Dev Mode MCP Server
This skill grounds the designer in the Figma Dev Mode MCP server — Figma's official MCP that
exposes design context, variables, screenshots, metadata, and design-system search to Claude.
Apply it whenever a task needs to read a Figma design — extract structure, tokens,
screenshots, or strings. Composing skills like design-review, content-style-guide,
preparing-design-handoff, and evolving-design-system-components call into here whenever a
Figma file is referenced.
The Figma MCP server also exposes write tools (creating files, uploading assets, generating
diagrams, mapping Code Connect, mutating Figma objects). Those are intentionally out of
scope for this skill — its allowed-tools is read-only. If a task genuinely needs a Figma
mutation, invoke the underlying MCP tool directly with explicit user consent rather than
extending this skill's surface.