# Framelink

> MCP server that gives AI coding agents access to Figma design data for one-shot design implementation.

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.

## 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
Figma, Cursor, Claude Code, Windsurf, Cline, Zed, VS Code, MCP Servers

## Platforms
API, DEVELOPER_SDK

## Pricing
Open Source

## Version
0.5.1

## Links
- Website: https://www.framelink.ai
- Documentation: https://www.framelink.ai/docs
- Repository: https://github.com/GLips/Figma-Context-MCP
- EveryDev.ai: https://www.everydev.ai/tools/framelink