Overview

Figma Context MCP — Best for teams connecting Figma design context to AI coding agents.

Figma Context MCP lets tools such as Cursor receive layout information from Figma through MCP, improving design-to-code workflows.

GitHub monthly scan on 2026-05-19: 14800 stars, TypeScript, pushed on 2026-04-30. Topics include AI, Cursor, Figma, MCP, and TypeScript.

Figma layout context through MCP

AI coding-agent support

Design-to-code workflow support

TypeScript implementation

Features & capabilities

Everything it does, in plain English.

FeatureFigma layout context through MCPIncluded

FeatureAI coding-agent supportIncluded

FeatureDesign-to-code workflow supportIncluded

FeatureTypeScript implementationIncluded

PlatformsMCP · Figma · TypeScript

The honest take

Where it shines, where it stumbles.

✓ Pros

✓Concrete design-to-code value
✓Fits modern frontend AI workflows
✓Simple MCP positioning

! Watch-outs

!Depends on Figma access and file quality
!Generated code still needs project adaptation

Who it's for

Where Figma Context MCP pays for itself fast.

— Use case

Feed Figma layout into Cursor

— Use case

Improve frontend implementation context

— Use case

Bridge design files and coding agents

Community reviews

Share your take on Figma Context MCP

4.5

★★★★★

8 reviews

5★

4★

3★

2★

1★

Liang C. ✓ Verified

Principal Engineer · Y Combinator startup

★★★★★

2 months ago

Good value, works well

Does what it promises and does it well. The API is well-documented and easy to work with. The ROI was clear within the first week of using it. Definitely worth trying.

Mohammed P. ✓ Verified

Backend Engineer · GitHub

★★★★★

5 months ago

Does the job well

Mostly great, minor complaints. Works consistently across all my devices and browsers. I'd love to see better export options.

Emily J. ✓ Verified

Founder · a healthcare startup

★★★★★

9 months ago

Very useful, mostly polished

Good value for the price. It handles edge cases better than anything else I've tried. Best tool in this category, hands down.

Rebecca W.

Indie Hacker · Accenture

★★★★★

1 years ago

Incredible — highly recommend

Blown away by the quality. The API is well-documented and easy to work with. My team adopted this immediately after I shared it with them. Five stars — no hesitation.

Lars M. ✓ Verified

Software Engineer · Cloudflare

★★★★★

1 years ago

Exceptional quality and value

Exceeded all my expectations. Reduced the time I spend on this task by about 70%.

Brian W.

Indie Hacker · Series A startup

★★★★★

1 years ago

Best in class, no question

Exceeded all my expectations. The customization options let me tailor it to my exact workflow. The ROI was clear within the first week of using it. Works consistently across all my devices and browsers. Will continue using this long-term.

Fatima R. ✓ Verified

Indie Hacker · Meta

★★★★★

1 years ago

Incredible — highly recommend

Exceeded all my expectations. The AI suggestions are incredibly accurate and save me hours every week. My team adopted this immediately after I shared it with them. Will continue using this long-term.

Alternatives

Similar tools worth comparing.

n8n

AI AgentAI Agent

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

GitHubGitHub TrendingCLI

★4.8(14)♥ 54557

Open source; commercial offering needs verification

OpenHands

AI AgentAI Agent

AI-driven development agent for software engineering tasks.

AI CodingGitHub TrendingAgent

★4.4(8)♥ 16609

GitHub MCP Server

MCP ServerMCP Server

GitHub's official MCP server for connecting agents to GitHub workflows.

GitHubGitHub TrendingMCP

★4.4(6)♥ 11912

Roo Code

AI IDEAI IDE

Roo Code gives you a whole dev team of AI agents in your code editor.

Open SourceGitHubGitHub Trending

★4.3(7)♥ 11202

Open source; commercial offering needs verification

Context7

MCP ServerMCP Server

Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors

Open SourceGitHubGitHub Trending

★4.3(6)♥ 10444

Open source; commercial offering needs verification

SWE Agent

AI Coding AssistantAI Coding Assistant

SWE-agent takes a GitHub issue and tries to automatically fix it, using your LM of choice. It can also be employed for offensive cybersecurity or competitive coding challenges. [NeurIPS 2024]

GitHubGitHub TrendingAgent

★4.2(4)♥ 9367

Open source; commercial offering needs verification