Figma Context

by GLips

Community Design Tools 16k likes

Framelink's Figma MCP server feeds AI coding tools a simplified read of a Figma file's layout and styling so generated UI code matches the design.

Add to Cursor (macOS/Linux)

npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

Source: https://github.com/GLips/Figma-Context-MCP

About

Figma Context MCP, built by GLips under the Framelink name, takes a pasted Figma file, frame, or group link and turns it into a compact, AI-readable summary of layout and styling instead of forcing the model to guess from a screenshot. It calls the Figma API and strips the response down to the structural and visual details that actually matter for writing UI code, cutting the noise that would otherwise eat up context.

It exposes just two tools: one that fetches that simplified layout and style data, and one that pulls the actual SVG or PNG assets referenced in the design. That narrow scope is deliberate — grounding an agent in real Figma structure produces a closer one-shot match to the design than pasting a screenshot and hoping the model interprets it correctly.

Key features

  • Simplifies raw Figma API responses down to the layout and styling that matters for code
  • Works from a single pasted Figma file, frame, or group link
  • Downloads the actual SVG/PNG image assets referenced in a design
  • Free and works with any Figma account — no paid plan required
  • Runs locally over stdio, configured with your own Figma personal access token

Use cases

  • Pasting a Figma frame link into Cursor and asking it to implement the screen
  • Keeping generated component spacing, colors, and type in sync with a design file
  • Pulling icon or illustration assets straight out of Figma while scaffolding a page

Available tools

get_figma_data

Fetches and simplifies the layout, styling, and structure of a Figma file, frame, or group.

download_figma_images

Downloads the SVG or PNG image assets referenced by specific nodes in a Figma file.

Frequently asked questions

Do I need a paid Figma account?

No — the server works with any Figma account; you just need a personal access token to authenticate the API calls.

Does it work with tools besides Cursor?

Yes, it's a standard stdio MCP server, so any MCP-compatible client can add it the same way.