Figma Skill

Collaboration

Domain knowledge for your AI assistant — workflow patterns, data model concepts, and gotchas for Figma tools.

47 tools
SKILL.md

Figma
SKILL.md

Domain knowledge for Figma API — files, nodes, components, comments

Figma

Figma API accesses files, nodes (layers), components, styles, comments. File key from URL (figma.com/file/KEY/...). Scopes: files:read, file_comments:write, etc.

Data Model

  • Files are design files. figma_get_file(file_key). Returns document with nodes.
  • Nodes are layers (pages, frames, groups, shapes). Access via node_id from file. Tree structure.
  • Components are reusable. figma_get_file_components(file_key).
  • Styles are colors, text styles. figma_get_file_styles(file_key).
  • Variables are design tokens. figma_get_local_variables.
  • Comments on files. figma_get_comments(file_key), figma_post_comment.
  • Projects group files. figma_get_project_files(project_id).

Gotchas

  • File key from URL: figma.com/file/ABC123/Name → key is ABC123.
  • Node ids: Required for node-specific ops. From file document tree.
  • Image export: Use get_image with node_ids, format (png, jpg, svg), scale.
  • Rate limit: 100 req/min. Batch image exports when possible.

Use with Figma Bundle

This skill teaches your AI assistant domain knowledge. To actually execute Figma API calls, enable the MCP bundle — the skill and bundle work together.

Ready to use Figma?

Install the skill for domain knowledge, enable the bundle for authenticated tool access

What is a Skill?

Figma Skill - SKILL.md for Claude Code, Cursor & More