GLips/Figma-Context-MCP
MCP server to provide Figma layout information to AI coding agents like Cursor
Platform-specific configuration:
{
"mcpServers": {
"Figma-Context-MCP": {
"command": "npx",
"args": [
"-y",
"Figma-Context-MCP"
]
}
}
}Add the config above to .claude/settings.json under the mcpServers key.
<a href="https://www.framelink.ai/?utm_source=github&utm_medium=referral&utm_campaign=readme" target="_blank" rel="noopener"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://www.framelink.ai/github/HeaderDark.png" /> </picture> </a>
<div align="center"> <h1>Framelink MCP for Figma</h1> <h3>Give your coding agent access to your Figma data.<br/>Implement designs in any framework in one-shot.</h3> <a href="https://npmcharts.com/compare/figma-developer-mcp?interval=30"> </a> <a href="https://github.com/GLips/Figma-Context-MCP/blob/main/LICENSE"> </a> <a href="https://framelink.ai/discord"> </a> <br /> <a href="https://twitter.com/glipsman"> </a> </div>
<br/>
Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.
When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots.
<h3><a href="https://www.framelink.ai/docs/quickstart?utm_source=github&utm_medium=referral&utm_campaign=readme">See quickstart instructions →</a></h3>
Watch a demo of building a UI in Cursor with Figma design data
[](https://youtu.be/6G9yb-LrEqg)
Loading reviews...