MCP ToolsSuggest a Tool

Framelink (Figma MCP)

Give your AI coding agent direct access to your Figma designs.

Official WebsiteGitHub
Categories
Building the Interface
Self-Hosted
TypeScript
Our Take

A game-changer for frontend development. Instead of pasting screenshots, this tool allows the AI to understand the layout, styles, and component structure of a Figma file programmatically. This leads to significantly more accurate one-shot UI generation and is a prime example of how MCP can bridge the gap between design and code.

Quick Start
// For macOS / Linux, configure your MCP client with:
    {
      "mcpServers": {
        "Framelink Figma MCP": {
          "command": "npx",
          "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_FIGMA_KEY", "--stdio"]
        }
      }
    }