Share:
About
Extract layers, components, styles, and images from Figma files to feed into your AI workflows.
Example tools
Illustrative tool names — the actual tool set is defined by the server at runtime.
list_resources
Enumerate resources exposed by this MCP
get_resource
Fetch a resource by ID
invoke
Invoke the primary action of this MCP
Screenshots
No screenshots yet.
Frequently Asked Questions
Common questions about Figma MCP.
- What is the primary function of the Figma MCP?
- The Figma MCP is designed to extract design data, such as layers, components, styles, and images, directly from Figma files. This data is then used to integrate with various AI workflows and other automated design processes.
- How do I configure the Figma MCP in a client like Cline?
- Configuration in a client like Cline typically involves adding the MCP's HTTP transport URL to your client's settings. Since this MCP uses HTTP and no authentication, you would generally provide the server's endpoint without additional credentials.
- Does the Figma MCP require an API key or other credentials?
- No, the Figma MCP does not require an API key, OAuth, or any other authentication credentials to function. It operates with an 'none' authentication type.
- What design elements can I extract using the Figma MCP?
- You can extract a comprehensive set of design elements, including individual layers, reusable components, defined styles, and images. It also supports extracting design tokens for broader application.
- Is there a cost associated with using the Figma MCP?
- The cost of using the Figma MCP itself is not specified and depends on its deployment and the underlying Figma service. Accessing Figma files may incur costs from Figma depending on your subscription.
- What is a prerequisite for using the Figma MCP effectively?
- A key prerequisite for effective use is access to the Figma files you wish to process. The MCP will read data from these files, so they must be accessible via the configured transport.
Install Figma MCP
Server URL
http://127.0.0.1:3845/mcpClaude Desktop
Add this to claude_desktop_config.json.
{
"mcpServers": {
"figma": {
"url": "http://127.0.0.1:3845/mcp",
"transport": "http"
}
}
}Cursor
Add this to ~/.cursor/mcp.json.
{
"mcpServers": {
"figma": {
"url": "http://127.0.0.1:3845/mcp"
}
}
}VS Code
Add this to your workspace settings.json.
{
"mcp.servers": {
"figma": {
"type": "http",
"url": "http://127.0.0.1:3845/mcp"
}
}
}Reviews
Sign in to leave a review.
No reviews yet. Be the first!
Discussion(0)
No comments yet.