Figma-Context-MCP
Figma-Context-MCP is an MCP server that gives AI coding tools like Cursor access to Figma layout data so they can build designs accurately.
What it is good for
- Turning Figma designs into working code
- Giving an AI coding tool design details from a Figma file
- Reducing errors when an AI builds a screen from a design
At a glance
- Who it is for
- Setup
- Guided command-line setup
Level 4 of 5. You copy and paste commands into a terminal by following the instructions. Comfortable territory for vibe coders.
- Cost
- Free and open source
- Type
- MCP server or connector
- Tasks
- Works with
- Cursor, Figma
Momentum
- Rank this week
- Not ranked yet
- Best rank
- None yet
- GitHub stars
- 16,134
GitHub numbers as of Nov 2, 2026. Updated weekly.
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is Figma-Context-MCP free?
- Yes. It is free and open source (MIT license).
- Do I need to know how to code to use Figma-Context-MCP?
- You do not need to write code, but setup means copying and pasting commands into a terminal by following its instructions.
- What does Figma-Context-MCP work with?
- According to its own documentation, it works with Cursor and Figma.
- What is Figma-Context-MCP good for?
- Turning Figma designs into working code, giving an AI coding tool design details from a Figma file, and reducing errors when an AI builds a screen from a design.
Similar agents to Figma-Context-MCP
- Figwright
Figwright is an MCP server that lets AI coding agents read Figma designs into code and write changes back to the canvas.
- skills
Skills is a collection of agent skills that reviews and improves user interfaces for designers and developers building screens and apps.
- make-interfaces-feel-better
Make-interfaces-feel-better is a skill that adds small interface polish details like animations, spacing, and hover states for developers and designers building web interfaces.
- TypeUI
TypeUI is a set of design skills and UI prompts that helps AI coding tools build better user interfaces for websites and apps.
- threejs-architecture-effects
threejs-architecture-effects is a skill that makes an agent build an orbitable 3D building in Three.js that assembles itself for web designers and developers.
- iphone-duo-skills
iphone-duo-skills is a set of skill files that teach an AI coding agent how to build iOS apps for the iPhone Duo foldable.