Pricing
from $10.00 / 1,000 results
Figma Mcp Server
Figma Mcp Server unique tool for integration Figma design into AI Tool for generate Figma Design to Real Html page
Pricing
from $10.00 / 1,000 results
Rating
0.0
(0)
Developer
Actor stats
0
Bookmarked
6
Total users
0
Monthly active users
7 months ago
Last modified
Categories
Share
Figma Mcp Server
Figma MCP Server Tool will be usefull for convert any Figma Design Files into Working Html or other programing code . you can use this mcp tool with Cursor and Claude and Other AI Tools
The **Figma MCP Server Tool ** provides seamless integration between AI assistants and the Figma API. Using the Model Context Protocol, this Actor enables natural-language control of Figma filesβextracting components, exporting assets, reading metadata, posting comments, and more, all from tools like Claude Desktop, ChatGPT, Cursor, or any MCP-capable client.
π Key Features
π§© Direct Figma API Integration
Access file structure, components, nodes, comments, and metadata with simple MCP commands.
π€ Automated Asset Export
Export Figma nodes as PNG, SVG, JPG, or PDF, including multiple nodes at once.
π Design Insight Tools
List components, inspect nodes, and extract design structure for dev hand-off or design audits.
π¬ Collaboration Ready
Read comments, analyze comment threads, and post new comments directly through MCP.
π Secure Token Handling
Persistent and secure token storage using the MCP tool save_figma_token.
π§© Tools Exposed by the Figma MCP Server
| Tool Name | Description |
|---|---|
| save_figma_token(token) | Securely save your Figma Personal Access Token (PAT). |
| get_file(file_key) | Retrieve the full JSON structure of a Figma file. |
| get_node_info(file_key, node_ids_json) | Fetch metadata for one or more nodes by ID. |
| list_components(file_key) | List all components published within a file. |
| export_node_images(file_key, node_ids_json, format, scale) | Export nodes as PNG/SVG/JPG/PDF with custom scaling. |
| list_comments(file_key) | Retrieve all comments associated with a Figma file. |
| post_comment(file_key, message, x, y, page_id) | Post a comment to a precise coordinate or node. |
βοΈ MCP Configuration
MCP SERVER URL
https://bhansalisoft--figma-mcp-server.apify.actor/mcp
To connect this Actor to Claude Desktop or any MCP client, add to your config:
{"mcpServers":{"figma-mcp-server":{"command":"npx","args":["mcp-remote","https://bhansalisoft--figma-mcp-server.apify.actor/mcp?token=[Your APIFY KEY]"],"env":{"FIGMA_TOKEN":"[Your FIGMA_TOKEN]"}}}}
Replace your [Your APIFY KEY] and [Your FIGMA_TOKEN]
Once connected, youβll see all Figma MCP tools automatically listed in your client.
π How to Get Your Figma API Token (PAT)
-
Click Generate a personal access token
-
Copy the token
-
Use either method:
- Add to Apify input
- Or run tool
