Figma
About
The Figma MCP server connects Claude with Figma, enabling Claude to create and edit designs directly in the Figma desktop app. It is for designers and developers who want to generate or modify Figma designs using natural language prompts.
Details
- Author
- Figma
- Downloads
- 2,132
- Transport
- SSE
- Categories
- Media
Jump to
- Creates rectangles, circles, text, and frames
- Designs buttons, cards, and UI components
- Arranges layouts for web pages and apps
- Styles elements with colors, shadows, and effects
- Exports designs as images
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
FigmaCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
{
"mcpServers": {
"figma": {
"type": "http",
"url": "https://mcp.figma.com/mcp"
}
}
}
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"figma": {
"figma": {
"type": "http",
"url": "https://mcp.figma.com/mcp"
}
}
}
}McpServers
{
"figma": {
"type": "http",
"url": "https://mcp.figma.com/mcp"
}
}Figma is a collaborative product design platform for interface design, prototyping, and developer handoff. Its remote MCP server brings files, designs, and Dev Mode context into assistant workflows so agents can understand visual work and relate it to implementation tasks.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
