MCP'S

Figma-Context-MCP

by Framelink

mcplead-sourcegithub-mcp-server-repositoriessource:github.comfigmafigma-to-codedesign-to-codecursorai-coding-agent

Overview

MCP server that provides Figma layout and design information to AI coding agents and MCP-compatible editors.

Details

Framelink is a Figma-to-code MCP server. The GitHub source describes Figma-Context-MCP as an MCP server that provides Figma layout information to AI coding agents like Cursor, while Framelink’s homepage says its Figma MCP server gives LLMs design details from Figma and works with editors that support MCP servers. Its quickstart focuses on connecting Figma to an AI coding agent, generating a Figma access token, configuring an IDE, and using get_figma_data from a Figma link.

When to Use

Use when an AI coding agent needs structured Figma layout or design details while implementing a UI. Use with Cursor or another editor/IDE that supports MCP servers and can connect coding agents to external context. Use when you want to pass a Figma link to an MCP tool such as get_figma_data as part of a design-to-code workflow.

Getting Started

Open the Framelink quickstart documentation at https://www.framelink.ai/docs/quickstart.
Generate a Figma access token as described in the quickstart.
Configure your MCP-compatible IDE or coding agent to use the Framelink/Figma MCP server.
Use get_figma_data with a Figma link to retrieve design information for the agent.

Key Features

•Provides Figma layout information to AI coding agents.
•Gives LLMs design details from Figma.
•Works with editors that support MCP servers.
•Quickstart documents connecting Figma to an AI coding agent, Figma access-token setup, IDE configuration, and get_figma_data usage.

Capabilities

•figma-context
•figma-to-code
•mcp-server
•ai-coding-agent-context

Last updated May 31, 2026