Framelink
MCP server that gives AI coding agents access to Figma design data for one-shot design implementation.
At a Glance
Pricing
Get started with Framelink at no cost with Full access to MCP server and Figma API integration.
Engagement
Available On
About Framelink
Framelink is an MCP (Model Context Protocol) server that gives AI coding agents like Cursor access to Figma design data. It enables one-shot design implementation in any framework by providing simplified and translated Figma API responses to coding agents. When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots.
Framelink works by compressing the data it receives from the Figma API by almost 90%, while still providing all the relevant layout and styling information to the AI model. This reduces the amount of context provided to the model, making the AI more accurate and the responses more relevant. The tool supports multiple code editors including Cursor, Claude Code, Windsurf, Cline, Zed, and VS Code.
Community Discussions
Be the first to start a conversation about Framelink
Share your experience with Framelink, ask questions, or help others learn from your insights.
Pricing
Open Source
Get started with Framelink at no cost with Full access to MCP server and Figma API integration.
- Full access to MCP server
- Figma API integration
- All editor integrations
- Open source
Capabilities
Key Features
- MCP server for AI coding agents
- Figma API integration with 90% data compression
- One-shot design implementation
- Support for multiple frameworks
- Context size optimization for AI models
- Auto layout detection
- Frame and group targeting
- Multi-platform support (macOS, Linux, Windows)
- Figma access token authentication
- CLI integration with npx
- Real-time design data fetching
Integrations
Demo Video
