- Figma
Figma
Overview
What is Figma MCP Server?
Figma MCP Server is a tool that connects Claude with Figma, enabling users to create and edit designs directly in Figma using natural language commands.
How to use Figma MCP Server?
To use Figma MCP Server, install the Figma plugin, configure the server in Claude, and then use Claude to create or edit designs by describing them.
Key features of Figma MCP Server?
- Create new designs by describing them to Claude
- Edit existing designs with simple instructions
- Generate wireframes and UI elements
- Export designs as images
Use cases of Figma MCP Server?
- Creating a login screen in Figma
- Designing UI components like buttons and cards
- Generating complete app layouts
FAQ from Figma MCP Server?
- Can I use Figma MCP Server without the Figma Desktop app?
No, the Figma Desktop app is required to use this tool.
- Is there a cost to use Figma MCP Server?
Figma MCP Server is free to use, but you need a Figma account.
- What if Claude can't connect to Figma?
Ensure the Figma plugin is running and the configuration is set up correctly.
Server Config
{
"mcpServers": {
"figma": {
"command": "docker",
"args": [
"run",
"-i",
"-p",
"9000:9000",
"--rm",
"mcp/hs-figma"
],
"env": {
"NODE_ENV": "production",
"WEBSOCKET_MODE": "true",
"WS_PORT": "9000"
}
}
}
}Project Info
Created At
a year agoUpdated At
a year agoAuthor Name
figma-mcp-serverStar
-Language
-License
-Category
developer-tools
Tags
Recommend Servers
View AllAmap Maps
@amap
高德地图官方 MCP Server
a year ago
Memory
@modelcontextprotocol
a year ago
Playwright Mcp
@microsoft
Playwright MCP server
TypeScript
10 months ago
Serper MCP Server
@garymengcom
A Serper MCP Server
Python
a year ago
mcp-server-flomo MCP Server
@chatmcp
Write notes to Flomo
JavaScript
a year ago
Shippo
@Shippo
20 hours ago
Filesystem
@modelcontextprotocol
2 months ago
Mnemom
13 hours ago