Figma

Created By
figma-mcp-servera year ago
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?

  1. Creating a login screen in Figma
  2. Designing UI components like buttons and cards
  3. 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 ago
Updated At
a year ago
Author Name
figma-mcp-server
Star
-
Language
-
License
-

Recommend Servers

View All