#22MCP-server

Figma MCP

Koppel Figma-ontwerpen direct aan AI-codeeragents

Bewaren Website bezoeken ↗

Positie

#22

van 443 · op basis van wekelijkse downloads

Wekelijkse downloads

84K

npm + PyPI, afgelopen 7 dagen

Voeg deze toe aan je client

Community

Installeren

npx -y figma-developer-mcp

mcpServers

{
  "mcpServers": {
    "framelink-figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ]
    }
  }
}

Transport: stdio
Runtime: Node
Authenticatie: Vereist
Tools: 2
Licentie: MIT

Tools

get_figma_datadownload_figma_images

Hoogtepunten

Directe integratie met de Figma API via persoonlijke toegangstokens, zonder handmatig exporteren
Extraheert relevante eigenschappen voor lay-out, witruimte, typografie en vormgeving in vereenvoudigde vorm
Ondersteunt batchverwerking van ontwerpframes en componentgroepen
Kan optioneel afbeeldingen downloaden als visuele referentie voor codegeneratie
Werkt met Cursor, Claude Code en elke client die het MCP-protocol gebruikt

De server verwerkt Figma-URL's of bestands-ID's en retourneert geselecteerde ontwerpmetadata die is geoptimaliseerd voor leesbaarheid door AI. In plaats van de volledige respons van de Figma API door te sturen, filtert de server praktische informatie die een AI-model nodig heeft om een ontwerp in code na te bouwen, zoals knoppen, tekstvelden, afstanden en kleurdefinities.

Installeer de server via npm en configureer hem met een persoonlijk Figma-toegangstoken. Hij draait op Node.js 20 of hoger en communiceert via stdio voor naadloze integratie met MCP-compatibele editors en IDE's.

Reacties(0)

Nog geen reacties — wees de eerste.

Vergelijkbare MCP-servers

Figma MCP Server

MCP-server

Figma's server voor ontwerpcontext, variabelen en screenshots

Ontwerp- en mediabestandenOntwikkelaarstools