Figma Context Mcp Air
by compassalessandrolorenzcommunityv2.0.2
1
The Figma Context MCP AIR server provides AI coding tools with direct access to Figma design data, enabling the implementation of designs in various frameworks with high accuracy.
From the registry: Figma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam.
Install & configure
Prerequisites
- requiredFigma personal access tokenCreate a Figma personal access tokenhttps://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `figma-context-mcp-air` MCP server into my current AI client (that's you).
Required prerequisites (do these first if not already done):
- **Figma personal access token** — Create a Figma personal access token (https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens)
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","figma-context-mcp-air","--figma-api-key=<your-figma-api-key>","--stdio"]
- optional environment variables:
- `FIGMA_API_KEY`: Alternative to passing via CLI flag (example: `<your-figma-api-key>`)
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Tools (9)
get_figma_data
Fetches full design data including layout, text, visuals, and components.
get_design_context
Alias for get_figma_data matching the official Figma MCP tool naming.
download_figma_images
Downloads PNG/SVG assets from Figma nodes to the local filesystem.
get_screenshot
Captures a Figma node as a base64 PNG for visual inspection.
get_metadata
Provides a sparse XML layer hierarchy for quick node discovery.
get_variable_defs
Fetches all design tokens including colors, typography, and styles.
whoami
Verifies Figma authentication and checks the plan tier.
create_design_system_rules
Generates framework-specific design system documentation.
get_figjam
Extracts FigJam board content as XML.
Environment variables
FIGMA_API_KEYrequiredYour Figma Personal Access Token.Packages
figma-context-mcp-air
npmv2.0.2transport: stdio
Details
- Language
- TypeScript
- License
- MIT
- Released
- Apr 2, 2026
- Last commit
- Apr 2, 2026
- Registry name
- io.github.compassalessandrolorenz/Figma-Context-MCP-AIR