$ loading_
Inspect Figma files, export images, and optionally post comments via MCP.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "figma-mcp" yet — see the docs or source repo.
Use figma-mcp to read this Figma file, list the pages, main node hierarchy, components, and style overview, and point out where reusable components are located.
A structural summary of the file, including pages, node hierarchy, components, and styles.
Use figma-mcp to export images for the specified nodes in this file and identify the node name for each exported image.
Exported image results with a mapping between each image and its source node.
Use figma-mcp to post a comment at the relevant location in this Figma file, asking the team to review the component naming and style consistency.
A posted comment at the specified design location and the result of the comment action.
Developers can use it to inspect pages, nodes, styles, and components in a Figma file before implementing a new screen or component, reducing manual exploration.
Designers or product managers can review components, styles, and variables in a file to quickly understand design system assets and reuse patterns.
When feedback is needed on a specific part of a design, teams can use it to inspect the file and optionally post comments for lightweight collaboration.
It is a custom MCP server for the Figma REST API that can inspect file structures, nodes, styles, components, and variables, and export images. It is mostly read-only, with comment posting as the explicit write capability.
Based on the provided description, it is read-only by default. The only noted exception is optional comment posting.
It is known to be an MCP tool designed for Claude Code and connected to the Figma REST API. For exact installation steps, authentication details, or required keys, see the source repository.
Read Figma designs via API to support design-to-code development workflows.
Connect Figma design files to AI assistants for access, management, and collaboration.
Connect Figma files to extract data, capture screens, and generate code.
Turn Figma docs and business rules into a searchable natural-language index.
Fetch and reply to Figma comments, organizing decisions, questions, and to-dos.
Connect AI to Figma to read and programmatically update designs.