Hoppa till innehållet
↑↓navigera↵öppnaescstäng
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Figma MCP logo
#22 · av 443 · efter veckovisa nedladdningarMCP-server

Figma MCP

Koppla Figma-designer till AI-kodagenter för direkt implementation

0
SparaBesök webbplatsen ↗
Placering
#22
av 443 · efter veckovisa nedladdningar
Veckovisa nedladdningar
84 tn
npm + PyPI, senaste 7 dagarna

Lägg till den i din klient

Användarbetyg
Installera
npx -y figma-developer-mcp
mcpServers
{
  "mcpServers": {
    "framelink-figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp"
      ]
    }
  }
}
Transport
stdio
Körmiljö
Node
Autentisering
Krävs
Verktyg
2
Licens
MIT
Verktyg
get_figma_datadownload_figma_images

Höjdpunkter

  • Direkt integration med Figma API via personliga åtkomsttoken, utan manuell export
  • Hämtar relevant information om layout, avstånd, typografi och visuella egenskaper i förenklad form
  • Stöder batchbearbetning av designramar och komponentgrupper
  • Valfri nedladdning av bilder som visuell referens vid kodgenerering
  • Fungerar med Cursor, Claude Code och alla klienter som använder MCP-protokollet

Servern tar emot Figma-URL:er eller filidentifierare och returnerar utvald designdata optimerad för AI-läsbarhet. I stället för att skicka hela svaret från Figma API filtrerar den fram den praktiska information som en AI-modell behöver för att återskapa en design i kod, exempelvis vilka element som är knappar och textfält samt värden för avstånd och färger.

Installera via npm och konfigurera med en personlig åtkomsttoken för Figma. Servern körs på Node.js 20 eller senare och kommunicerar via stdio för smidig integration med MCP-kompatibla redigerare och IDE:er.

Kommentarer(0)

Logga in för att kommentera

Inga kommentarer än – bli den första.

Liknande MCP-servrar

Rapportera kommentaren

Varför rapporterar du detta?