A guide on how to use the Figma MCP server
MCPpedia last refreshed this data
MCP Server Guide is an MCP server that a guide on how to use the Figma MCP server. Its tool list has not been published yet over stdio, sse and http, requires no API key, and scores 75/100 on MCPpedia's security, maintenance and efficiency rubric.
Config is the same across clients — only the file and path differ.
{
"mcpServers": {
"figma": {
"url": "https://mcp.figma.com/mcp"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.
This server supports HTTP transport. Be the first to test it — help the community know if it works.
Five weighted categories — click any category to see the underlying evidence.
No known CVEs.
No package registry to scan.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
Others in design
AI-native design editor. Open-source Figma alternative.
3D & AR SDK for Android, iOS, Web — API docs, samples, validation, and code generation.
AI image generation and editing with prompt optimization and quality presets. Powered by Nano Banana
UAE Design System (AEGOV DLS) for AI assistants: components, tokens, validation. Not TDRA-official.
MCP Security Weekly
Get CVE alerts and security updates for Mcp Server Guide and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.
[!NOTE] Rate limits apply to Figma MCP server tools that read data from Figma. Some tools, such as those that write to Figma files, are exempt from the rate limits.
Users on the Starter plan or with View or Collab seats on paid plans will be limited to up to 6 tool calls per month.
Users with a Dev or Full seat on the Professional, Organization, or Enterprise plans have per minute rate limits, which follow the same limits as the Tier 1 Figma REST API. As with Figma’s REST API, Figma reserves the right to change rate limits.
For the complete set of Figma MCP server docs, see our developer documentation. By using the Figma MCP server and the related resources (including these skills), you agree to the Figma Developer Terms. These skills are currently available as a Beta feature.
Write to the canvas (remote server only): Create and modify native Figma content directly from your MCP client. With the right skills, agents can build and update frames, components, variables, and auto layout in your Figma files using your design system as the source of truth.
Note: We're quickly improving how Figma supports AI agents. The write to canvas feature will eventually be a usage-based paid feature, but is currently available for free during the beta period.
Generate code from selected frames
Select a Figma frame and turn it into code. Great for product teams building new flows or iterating on app features.
Extract design context
Pull in variables, components, and layout data directly into your IDE. This is especially useful for design systems and component-based workflows.
Code smarter with Code Connect
Boost output quality by reusing your actual components. Code Connect keeps your generated code consistent with your codebase.
Generate Figma designs from web pages (rolling out)
Capture, import, or convert a web page into a Figma design directly from your AI coding agent.
Different MCP clients require slightly different setups. Follow the instructions below for your specific client to connect to the Figma MCP server.
⌘ Shift P to search for MCP:Add Server.HTTP.https://mcp.figma.com/mcp in the search bar. Then hit Enter.figma.mcp.json file:{
"servers": {
"figma": {
"type": "http",
"url": "https://mcp.figma.com/mcp"
}
}
}
⌥⌘B or ⌃⌘I and switch to Agent mode.#get_design_context to confirm that the Figma MCP server tools are available. If no tools are listed, restart VS Code.[!NOTE] You must have GitHub Copilot enabled on your account to use MCP in VS Code.
For more information, see VS Code's official documentation.
The recommended way to set up the Figma MCP server in Cursor is by installing t