OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
MCP & Tooling

Framelink MCP for Figma

A TypeScript MCP server that retrieves, simplifies, and translates Figma layout and styling metadata for AI coding tools.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Framelink MCP for Figma — OpenViST project profile in MCP & Tooling.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it when an AI coding client needs structured Figma design information during implementation rather than only a pasted screenshot.

Who it is for

  • Developers using Cursor or another MCP-compatible AI coding client.
  • Teams implementing interfaces from Figma designs.
  • Builders creating design-to-code workflows around Figma data.

Documented uses

  • Provide Figma file, frame, or group context to a coding agent.
  • Support AI-assisted implementation of interface designs.
  • Filter and translate Figma API responses into more relevant model context.
Before you choose

Requirements & limits

The documented setup requires a Figma access token. The repository is public and MIT-licensed. No pricing information is documented here.

  • Whether the coding client supports MCP; Cursor is the explicitly documented example.
  • Whether you can provide a Figma access token.
  • Whether a command-line MCP server fits your IDE configuration workflow.
  • Whether reducing raw Figma API context would improve the coding agent's design implementation task.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Configure Framelink MCP for an AI coding client

Set up the MCP server with a Figma access token so an MCP-compatible coding client can retrieve Figma data.

Before you start

  • An AI coding client that supports MCP, such as Cursor.
  • A Figma access token.
  • An MCP client configuration file.

Steps

  1. Add the documented Framelink MCP server configuration to the client configuration file.

  2. Provide the Figma token with --figma-api-key or through the FIGMA_API_KEY environment variable.

  3. Use the platform-specific command form documented for macOS/Linux or Windows.

  4. Open the IDE chat, paste a link to a Figma file, frame, or group, and ask the coding client to use it.

Expected outcome

The coding client can retrieve relevant Figma metadata through the MCP server for a design implementation task.

Guide limitations

  • The documented workflow requires a Figma access token.
  • The README specifically describes Cursor and other AI-powered coding tools using MCP; it does not document every client.
  • This setup guidance does not establish that generated code will match every design or framework.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
1 October 2026
Original website title
GLips/Figma-Context-MCP · Official homepage title · retained in its source language
How we review sourcesSuggest a correction