figma-context-mcp

Figma Context MCP Server

Figma file context, node thumbnails, and design comments are available to AI coding workflows through figma-context-mcp. Developers can add files to context, inspect previews, and read, post, or reply to feedback.

Server facts

figma-context-mcp

Project

Author
1yhy
License
Not specified

Tech

Runtime / language
Not specified
Transports
stdio
Remote available
No
Authentication
Not specified

Activity

GitHub stars
31
Last commit
Data as of

Tags

  • Figma
  • ai tools
  • design integration

Overview

Figma design work can feed into AI coding sessions in Cursor, Windsurf, and Cline through figma-context-mcp. Its listed tools start with add_figma_file for bringing a file into context and view_node for retrieving a thumbnail of a specific node. Comment handling is part of the same interface: read_comments fetches file comments, post_comment adds a comment to a node, and reply_to_comment responds to an existing comment. These actions support developers moving between design references and discussions about individual elements.

The README also describes layout and style retrieval for Figma files, artboards, and components, along with image and icon downloads. Design data is converted into a simplified structure with node text, CSS properties, fills, export metadata, and nested child elements. This adaptation of Figma-Context-MCP changes the data structures and conversion logic used to prepare that context for AI models. Running the service requires a Figma API access token; the README includes stdio configuration for MCP clients such as Claude Desktop.

figma-context-mcp setup notes

  • figma-context-mcp records stdio only; confirm a network transport upstream before planning remote access.
  • figma-context-mcp has no recorded license; confirm reuse terms in its repository.

Related MCP servers