Framelink Figma MCP

MCPOfficialOpen SourceMIT17.8

by UDILGU • Frontend & UI

Provides an MCP server that gives AI coding agents structured access to Figma design data so they can implement designs accurately in code.

Example Use Cases

1
Fetch and consume structured Figma layout and styling metadata instead of raw screenshots or full API payloads.
2
One-shot generate implementation code (HTML/CSS/JS or framework code) that matches a Figma design accurately.
3
Integrate Figma file/frame links into IDE chat workflows (e.g., Cursor) to provide contextual design-aware coding assistance.

Description

This MCP server fetches and translates Figma API metadata into a simplified, model-friendly format focused on layout and styling information. It is designed to integrate with agent-based coding tools (notably Cursor) so agents can one-shot implement designs with higher accuracy than using screenshots. The server reduces and filters Figma context to improve relevance and model performance and can be run locally via npx with a user-provided Figma personal access token.

Capabilities(2 total)

Tools (2)

get_figma_data

Get comprehensive Figma file data including layout, content, visuals, and component information

fileKey:string*nodeId:stringdepth:number

download_figma_images

Download SVG and PNG images used in a Figma file based on the IDs of image or icon nodes

fileKey:string*nodes:array*pngScale:numberlocalPath:string*

Quick Actions

View on GitHub

Security

Scanned 2 month(s) ago

Risk Level

MINIMAL

Read-only data retrieval, no side effects

Trust Score

C57/100

6/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

Capabilities2 Tools / 0 Prompts / 0 Resources

OwnerUDILGU

CategoryFrontend & UI

DependenciesStandalone

Set Your Username