CldKit
HOMEEXPLORERECIPESSUBMITCLIAI CURATORSIGN IN
SIGN IN
CldKit
ExploreRecipesSubmitCLI·AboutPrivacyTerms

Built for AI developers. Every component reviewed.

© 2026 CldKit

Language
Home>Explore>Figma Context MCP

Figma Context MCP

88/100
MCP Server
by Grant Lipolt@GLips
MIT

Gives AI coding agents direct access to Figma design data, enabling accurate one-shot UI implementation by reading layout, styles, and component structure from design files.

Source

Review Scores

Security30/35Maintain.30/35Usability28/30
Security30/35
Maintain.30/35
Usability28/30
Evidence:
high
Reviewed Mar 25, 2026
Drifted

Reviewed Version

1.0.0

Latest Version

0.12.0(drift)

Freshness

Reviewed on 1.0.0; latest is 0.12.0.

Scores reflect the version reviewed and may change with updates.

Security Audit - No Flags Reported

Audited Mar 25, 2026

Live verification

⚠ NEEDS CONFIG @0.12.0Jun 13, 2026
$ cldkit mcp-test figma-context-mcp
install command contains placeholder arguments (--figma-api-key=YOUR-KEY --stdio); the server needs user-specific config to start

Prepare the required credentials before installing — the server starts but cannot run without them.

Overview

When to Use

When NOT to Use

Configuration

Add to your Claude Desktop config:

npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

Troubleshooting

Scenes

Tags

Used in Recipes

  • Design-to-Ship Pipeline(Extracts design tokens, component specs, and layout data from Figma files)
  • Design Regression Loop(Extracts design context from target Figma nodes)
MCP Server

Add to Claude

npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

CldKit CLI

cldkit install figma-context-mcp
cldkit info figma-context-mcp

Install CLI: npm i -g @cldkit/cli

Version

0.12.0

Stars

13,930

License

MIT

Compatibility

claude-code
windsurf

Links

GitHub Source@GLips
design
code
figma
design
ui
frontend
Reviewed on v1.0.0 - latest is v0.12.0. Scores may not reflect the current version.