Framingui MCP Server
by soo-kateio.github.soo-kate/framinguiv0.1.0
FramingUI MCP server — token-driven design system tools for coding agents. Free scope: editorial-tech theme + 30 components. Full catalog: https://framingui.com?ref=mcp-official
context tax
queued
security
queued
cold start
queued
freshness
Maintained48d ago
Install Framingui MCP server
Install in Claude Code
claude mcp add framingui -- npx -y @framingui/mcpInstall in Cursor
{
"mcpServers": {
"framingui": {
"command": "npx",
"args": [
"-y",
"@framingui/mcp"
]
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).
Install in Claude Desktop
{
"mcpServers": {
"framingui": {
"command": "npx",
"args": [
"-y",
"@framingui/mcp"
]
}
}
}Settings → Developer → Edit Config (claude_desktop_config.json), then restart.
Install in VS Code
{
"servers": {
"framingui": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@framingui/mcp"
]
}
}
}Add to .vscode/mcp.json in your workspace.
Install in Windsurf
{
"mcpServers": {
"framingui": {
"command": "npx",
"args": [
"-y",
"@framingui/mcp"
]
}
}
}Add to ~/.codeium/windsurf/mcp_config.json.
Freshness
Maintained — last maintenance signal 48d ago. The newest of the signals below sets the band.
Last commit (default branch)
2026-08-18 · 52d ago · GitHub
Latest release
2026-08-23 · 48d ago · GitHub · v0.1.0-free.2
Package published
no data · npm/PyPI
Registry entry updated
2026-08-18 · 52d ago · official registry · v0.1.0
FAQ
›How do I install the Framingui MCP server in Claude Code?
Run: claude mcp add framingui -- npx -y @framingui/mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.
›Does Framingui require an API key?
No required environment variables are declared in its published metadata.
›Can I use Framingui as a remote (hosted) MCP server?
No hosted endpoint is published; it runs locally over stdio.
›Is Framingui in the official MCP registry?
Yes, as io.github.soo-kate/framingui.
Alternatives to Framingui
Other design MCP servers.
Figma DeveloperSlowingGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
MagicActiveCreate crafted UI components inspired by the best 21st.dev design engineers.
JS ReverseMaintainedJS reverse engineering MCP server with agent-first tool design and built-in anti-detection. 为 AI Agent 设计的 JS 逆向 MCP Server，内置反检测。
SemioticActiveSemiotic React data visualization: suggest charts for a dataset, render validated configs to SVG, diagnose anti-patterns and fetch component schemas.
FigmaActiveThe Figma MCP server brings Figma design context directly into your AI workflow.
TypeUISlowingDesign systems, UI prompts, and layout variations for AI coding tools.