Framelink's Figma Context MCP server fetches Figma file data via the Figma API and simplifies it to the layout and styling information most relevant for implementing designs. Designed for Cursor and other AI coding tools; requires a Figma personal access token.
Connect
- 1Add the server to Codex
codex mcp add figma-context --env FIGMA_API_KEY=YOUR_FIGMA_API_KEY -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
Configs are generated from the publisher's documented endpoint. Check their docs for plan requirements and scopes. New to this? Read the step-by-step tutorial.
Tools 2
get_figma_datadownload_figma_imagesThings to ask
- “Implement this Figma frame as a React component: <figma link>”
- “Download the icons from this Figma file”
- “What spacing and colors does this Figma design use?”