Figma MCP server
The Figma MCP server brings Figma design context directly into your AI workflow. Connect your AI agents to Figma with enterprise-grade governance, observability, and control through MintMCP Gateway.
Tools included with Figma MCP
get_screenshot
Generate a screenshot for a given node or the currently selected node in the Figma desktop app. Use the nodeId parame...
create_design_system_rules
Provides a prompt to generate design system rules for this repo.
get_design_context
Get design context for a Figma node — the primary tool for design-to-code workflows. Returns reference code, a screen...
get_metadata
IMPORTANT: Always prefer to use get_design_context tool. Get metadata for a node or page in the Figma desktop app in ...
get_variable_defs
Get variable definitions for a given node id. E.g. {'icon/default/secondary': #949494}Variables are reusable values t...
get_figjam
Generate UI code for a given FigJam node in Figma. Use the nodeId parameter to specify a node id. If no node id is pr...
generate_figma_design
Capture, import, or convert a web page (by URL) or HTML into a Figma design. Use this tool when the user wants to sen...
generate_diagram
Create a flowchart, decision tree, gantt chart, sequence diagram, or state diagram in FigJam, using Mermaid.js. Gener...
get_code_connect_map
Get a mapping of {[nodeId]: {codeConnectSrc: e.g. location of component in codebase, codeConnectName: e.g. name of co...
whoami
Returns information about the authenticated user. If you are experiencing permission issues with other tools, you can...
add_code_connect_map
Map a Figma node to a code component in your codebase using Code Connect. Use the nodeId parameter to specify a node ...
get_code_connect_suggestions
Get AI-suggested strategy for linking a Figma node to code components via Code Connect. Workflow: call this tool → re...
send_code_connect_mappings
Save multiple Code Connect mappings in bulk. Use after get_code_connect_suggestions to confirm and save approved mapp...
get_context_for_code_connect
Get structured component metadata including properties, variants, and descendant tree for a Figma component or compon...
use_figma
Run JavaScript in a Figma file via the Plugin API. This is the general-purpose tool for writing to Figma — use it to ...
search_design_system
Search for design system assets (components, variables, and styles) based on a text query. Returns matching assets fr...
create_new_file
Create a new blank Figma file in the authenticated user's drafts folder. Use this tool when you need a new file to wo...
Works with every major client
Why MintMCP gateway
Centralized governance
Unified authentication, audit logging, and rate control for all Figma MCP connections.
One-click deployment
Instantly enable Figma MCP for AI teams via MintMCP's standardized gateway without manual server setup.
OAuth + SSO enforcement
Automatic enterprise authentication wrapping for Figma MCP endpoints.
Host stdio servers on MintMCP instead of running locally
Containerized servers become accessible to clients like ChatGPT without local installations. Better risk management and security posture without requiring users to run servers on their machines.
Observability and control
Real-time dashboards for monitoring usage, detecting anomalies, and maintaining SLA compliance.
Enterprise hardening
High availability, security, and compliance alignment transform MCP from developer utility to production-grade infrastructure.
Supports shared and per-user auth
Flexibility to configure service accounts at the admin level or enable individual OAuth flows. Secrets remain protected while users gain access, with centralized revocation capabilities.
Granular tool access control
Configure tool access by role. For example, enable read-only operations and exclude write tools like create and delete.
FAQs
Yes. MintMCP Gateway is SOC 2 compliant and uses OAuth-based authentication for all Figma MCP interactions.