#18 · Primary category： AI Design & Prototyping
Figma-Context-MCP
MCP server to provide Figma layout information to AI coding agents like Cursor
Project last updated：08/07/26
GitHub Stars
15.7K
Forks
1.3K
Contributors
30
License
MIT
Why we included this project
Building a UI from a Figma design usually means pasting a screenshot into your editor and hoping the model gets the spacing and colors right. This MCP server gives Cursor and other AI coding agents a cleaner path: you paste a link to the Figma file, frame, or group, and the agent pulls the actual design metadata through the Figma API. The server deliberately trims that response down to the layout and styling details that matter, so the model is not guessing from a static image, and one-shot implementations come out noticeably closer to the design. It is built around Cursor's agent mode but works with other MCP-capable editors, and getting it running is a short config entry plus a Figma access token. For teams that want to go from design to working front-end code in any framework without the back-and-forth, it is a practical bridge.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.