Figma MCP Server

MCPOpen SourceMIT37.1

by 1yhy • Frontend & UI

An MCP server that converts Figma design files into a model-friendly format so AI coding tools can generate code aligned with designs.

Example Use Cases

1
Access structured Figma design data (nodes, styles, layout) to generate UI code consistent with the original design.
2
Download and embed image and icon assets from a Figma file into a project build or codebase.
3
CSS-like style metadata (fonts, colors, spacing, shadows) extracted from Figma to create accurate styling in generated frontend code.

Description

This project provides a server implementing the Model Context Protocol (MCP) to expose Figma file, node, layout, style and asset information in a simplified JSON/CSS-like structure. It supports downloading images/icons, exporting node metadata, and reduces the context size sent to models for more accurate code generation. The repository is a community-improved fork of an open-source Figma-Context-MCP project with optimized data structures and conversion logic.

Capabilities(5 total)

Tools (5)

add_figma_file

Add a Figma file to your context

url:string*

view_node

Get a thumbnail for a specific node in a Figma file

file_key:string*node_id:string*

read_comments

Get all comments on a Figma file

file_key:string*

post_comment

Post a comment on a node in a Figma file

file_key:string*node_id:stringmessage:string*x:number*y:number*

reply_to_comment

Reply to an existing comment in a Figma file

file_key:string*comment_id:string*message:string*

Quick Actions

View on GitHub

Security

Scanned 3 month(s) ago

Risk Level

MINIMAL

Read-only data retrieval, no side effects

Trust Score

B68/100

12/17 checks passed

Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.

Quick Stats

Service TypeMCP

Pricing ModelFree

Capabilities5 Tools / 0 Prompts / 0 Resources

Owner1yhy

CategoryFrontend & UI

DependenciesStandalone

Set Your Username