Figma MCP Server

Example Use Cases

• 1

  Fetch and consume simplified Figma file or node metadata to generate UI code or implement designs.

• 2

  Download SVG/PNG assets referenced in a Figma file so they can include real icons and images in generated projects.

• 3

  A locally runnable MCP endpoint to integrate Figma design context into tools like Cursor, Windsurf, and Cline.

Description

This MCP server fetches Figma file and node metadata and translates/simplifies it before returning context to AI agents (Cursor, Windsurf, Cline, etc.). It exposes tools like get_figma_data and download_figma_images, limits context to the most relevant layout and styling information, and helps agents produce more accurate UI code. The server is configurable via environment variables or command-line flags and can be run quickly with npx or from source. It requires a Figma personal access token (read-only) and includes an inspector UI for testing tool calls.