Framelink

Framelink is a Model Context Protocol (MCP) server that lets AI coding agents like Cursor, Claude Code, and VS Code's agent mode read Figma files directly. Instead of dumping a giant Figma JSON blob into the model's context, it returns a compact descriptive representation of layouts, styles, and components, which the agent then turns into HTML/CSS, iOS, Android, or whatever target the project uses.

The pitch is straightforward: most Figma-to-code tools are prescriptive and try to hand the LLM finished markup, which poisons the context window and produces brittle output. Framelink instead exposes design intent (named styles, nested components, deduplicated tokens) so the agent can write idiomatic code in your codebase's conventions. Output is roughly 25% smaller than competing MCP solutions, which matters when you're paying per token. It's free and open source, with 15k+ GitHub stars and a paid tier flagged as coming soon.

Integration is a one-time MCP config in your agent of choice plus a Figma personal access token. There is no hosted SaaS UI to learn, no separate dashboard, no lock-in. Caveat: you still need a designer-friendly Figma file with proper component and style naming for the output to be useful, and the project is young enough that the paid tier and roadmap are still in flux.