Figma Context Mcp Air
Connects AI coding agents directly to the Figma API with nine tools covering the full design-to-code workflow. You can pull structured design data (layout, typography, colors, components), download PNG/SVG assets, capture node screenshots as base64, and extract design tokens including variable collections and published styles. Also includes FigJam board extraction for sticky notes and connectors. The server simplifies raw Figma API responses before sending them to your AI, filtering out noise and keeping only layout and styling information relevant for code generation. Requires a Figma Personal Access Token. Runs via stdio transport in Cursor, Claude Desktop, or Windsurf. This is a fork of the Framelink MCP server with expanded tool coverage matching the official Figma MCP surface.
- GitHub stars
- 1
- tools
- 9
- auth
- Secret needed
- transport
- STDIO
- env var
- 1
- last updated
- Apr 2, 2026
Tools
9 toolsPublic tool metadata for what this MCP can expose to an agent.
get_figma_dataFetches and simplifies Figma design data for a file or specific node, returning layout, typography, colors, borders, effects, and component metadata in YAML or JSON.
Fetches and simplifies Figma design data for a file or specific node, returning layout, typography, colors, borders, effects, and component metadata in YAML or JSON.
No parameter schema in public metadata yet.
get_design_contextAlias for get_figma_data matching the official Figma MCP tool naming.
Alias for get_figma_data matching the official Figma MCP tool naming.
No parameter schema in public metadata yet.
download_figma_imagesDownloads PNG or SVG renders of Figma nodes to your local filesystem.
Downloads PNG or SVG renders of Figma nodes to your local filesystem.
No parameter schema in public metadata yet.
get_screenshotCaptures a Figma node as a 2x PNG and saves it to disk for visual validation.
Captures a Figma node as a 2x PNG and saves it to disk for visual validation.
No parameter schema in public metadata yet.
get_metadataReturns a sparse XML representation of the node hierarchy for quick layer discovery before fetching full design context.
Returns a sparse XML representation of the node hierarchy for quick layer discovery before fetching full design context.
No parameter schema in public metadata yet.
get_variable_defsFetches all design tokens from a Figma file, including variable collections and published styles, returned with CSS custom property syntax.
Fetches all design tokens from a Figma file, including variable collections and published styles, returned with CSS custom property syntax.
No parameter schema in public metadata yet.
whoamiReturns the authenticated user's Figma account information (name, email, plan tier).
Returns the authenticated user's Figma account information (name, email, plan tier).
No parameter schema in public metadata yet.
create_design_system_rulesGenerates a comprehensive markdown template for project-specific design system rules tailored to language and framework.
Generates a comprehensive markdown template for project-specific design system rules tailored to language and framework.
No parameter schema in public metadata yet.
get_figjamExtracts content from a FigJam board, including sticky notes, connectors, shapes, and sections, as XML with screenshot URLs.
Extracts content from a FigJam board, including sticky notes, connectors, shapes, and sections, as XML with screenshot URLs.
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageConfiguration
FIGMA_API_KEY*secretYour Figma Personal Access Token, learn more here: https://www.figma.com/developers/api#access-tokens
Readme
Figma Context MCP AIR
Give your AI coding agent access to Figma design data.
Implement designs in any framework with pixel-perfect accuracy — in one shot.
What is this?
figma-context-mcp-air is a Model Context Protocol (MCP) server that gives AI coding tools (Cursor, Claude, Windsurf, etc.) direct access to your Figma design data.
It exposes 9 tools covering the full design-to-code workflow:
Details
- Repository
- github.com/compassalessandrolorenz/figma-context-mcp-air
- Category
- Design & Creative
- Package
figma-context-mcp-air- Transport
- STDIO
- Auth
- Required
- Registry
- MCP registry, active
Related Design & Creative MCP servers
View all
Godotcoding-solo/godot-mcpMCP server for interfacing with Godot game engine. Provides tools for launching the editor, running projects, and capturing debug output.3.7Kstars
Godot Mcptomyud1/godot-mcpMCP server for Godot game engine integration — control the Godot editor with AI451stars
3D AI Agent Avatarnirholas/three.ws3D AI Agent Avatar — render any GLB, give it a Solana wallet, a voice, and pump.fun powers.269stars
Photoshoploonghao/photoshop-python-api-mcp-serverProvides a bridge between MCP and Adobe Photoshop to create documents, manage layers, apply effects, and fetch session information on Windows.223stars
Creative Clawcreativeclawco/creative-claw-marketplaceOn-brand creative studio for AI agents: images, video, audio, and 3D.0stars
Design Token Bridge Mcpkenneives/design-token-bridge-mcpTranslate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI2stars