Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
MCP server for StarUML — generate UML diagrams from AI agents via stdio or HTTP.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
검사 2/3 통과 · 내 컴퓨터에서 실행돼요
먼저: 어떤 AI를 쓰시나요?
쓰는 앱을 고르면 아래에 단계가 나옵니다.
Claude에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만) · 컴퓨터용 Claude 앱(Windows 또는 Mac)에서만 되고 웹이나 모바일은 안 돼요
SettingsDeveloperEdit Config
{
"mcpServers": {
"staruml": {
"command": "npx",
"args": [
"-y",
"staruml-mcp"
]
}
}
}Staruml MCP을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude가 Staruml MCP을 쓰고 있다고 하거나 답에 Staruml MCP 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
ChatGPT는 아직 Staruml MCP에 연결할 수 없어요
Staruml MCP는 내 컴퓨터에 설치해서 쓰지만 ChatGPT는 웹에서 도는 서버만 연결할 수 있어요
A · Staruml MCP에 연결되는 앱 쓰기
B · 디자인, 이미지 및 오디오에서 ChatGPT에 연결되는 다른 서버
같은 분류에서 많이 쓰는 것 중 키 없이 주소만으로 연결되는 것을 골랐어요
Claude Code에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
Mac: Command+스페이스를 누르고 Terminal 입력 · Windows: PowerShell 열기
claude mcp add --scope user staruml -- npx -y staruml-mcpStaruml MCP이 목록에 있고 연결됨으로 보이면 돼요
Staruml MCP을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Claude Code가 Staruml MCP을 쓰고 있다고 하거나 답에 Staruml MCP 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Anthropic 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Cursor에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
Staruml MCP을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ Cursor가 Staruml MCP을 쓰고 있다고 하거나 답에 Staruml MCP 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 Cursor 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
VS Code에 연결할 수 있지만 먼저 준비가 필요해요
먼저 컴퓨터에 Node.js를 설치하세요 (한 번만)
Staruml MCP을 써서 나에게 무엇을 해 줄 수 있는지 알려 주고, 하나 해 봐✓ VS Code가 Staruml MCP을 쓰고 있다고 하거나 답에 Staruml MCP 도구 이름이 나오면 연결된 거예요
메뉴 이름은 2026년 11월 11일에 VS Code 도움말에서 확인 · 앱 버전에 따라 화면이 조금 다를 수 있어요
Windsurf, Zed, Gemini CLI 같은 다른 MCP 앱은 추가 방법이 저마다 달라요. 앱 목록에서 확인하세요
JSON 설정은 아래 “개발자용”에 있어요
Claude Code
claude mcp add --scope user staruml -- npx -y staruml-mcpClaude Desktop (claude_desktop_config.json)
{
"mcpServers": {
"staruml": {
"command": "npx",
"args": [
"-y",
"staruml-mcp"
]
}
}
}Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"staruml": {
"command": "npx",
"args": [
"-y",
"staruml-mcp"
]
}
}
}VS Code (mcp.json)
{
"servers": {
"staruml": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"staruml-mcp"
]
}
}
}이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
이 서버의 연결 방식과 각 앱의 공식 문서를 바탕으로 했어요. 2026년 11월 10일 확인.
내 컴퓨터에서 실행하는 앱
ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast
내 컴퓨터에서 실행돼요. 설치하면 AI 앱에 도구 목록이 나타나요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 12일 점검
레지스트리 이름이 GitHub 계정 ezrabrilliant 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
코드 마지막 변경: 7개월 전, 6개월 넘게 지났어요
MIT 사용
내 컴퓨터에서 실행되는 서버라 인터넷 엔드포인트가 없어요
내 컴퓨터에서 실행되며, 대신 로컬 설정을 사용해요
내 컴퓨터에서 실행돼요. 도구 목록은 인터넷 엔드포인트가 있는 서버에서만 읽을 수 있어요
질문하고, 팁을 나누고, 안 되는 점을 알려 주세요. "도움이 됨"이 많은 순서예요.
아직 리뷰가 없어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 3개 중 2개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
레지스트리에 필수 키가 나와 있지 않아요. 다만 처음 쓸 때 로그인을 요구하는 서버도 있어요.
내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).
GitHub 저장소는 마지막으로 7개월 전 변경됐고, 최신 버전(0.2.0)은 7개월 전 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.
같은 카테고리에는: Figma Context MCP, AutoClip, Next AI Draw.io
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:↓ 주간 다운로드i★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
Model Context Protocol (MCP) server for StarUML. Lets AI agents (Claude Code, Cursor, VS Code Copilot, Codex) drive StarUML programmatically — generate UML diagrams from Mermaid, execute any built-in command, CRUD elements, save projects, and more.
AI Agent ──MCP──► staruml-mcp (this package) ──HTTP──► StarUML
:58321 (built-in, 4 tools) :58322 (extension, 15 tools)
| Package | What it is | Where it runs |
|---|---|---|
| `staruml-mcp` (this repo) | MCP server for AI agents | your machine via npx -y staruml-mcp |
| [`staruml-mcp-extension`](https://github.com/ezrabrilliant/staruml-mcp-extension) | StarUML plugin adding 15 HTTP endpoints | inside StarUML (install once via Extension Manager) |
staruml-mcp only. The 4 built-in tools work.staruml-mcp-extension installed in StarUML — required for 15 of the 19 toolsEdit settings.json at:
%APPDATA%\StarUML\settings.json~/Library/Application Support/StarUML/settings.json~/.config/StarUML/settings.jsonAdd or update:
{
"apiServer": true, "apiServerPort": 58321 }
Restart StarUML.
Verify:
curl http://localhost:58321/
Start the server in a terminal:
npx -y staruml-mcp --transport http
Register with Claude Code:
claude mcp add --transport http staruml http://localhost:58323/mcp
Port `58323` is the canonical HTTP port, chosen to sit alongside StarUML's built-in API (
58321) andstaruml-mcp-extension(58322). Override with--portif needed.
Restart Claude Code. Ask:
"What StarUML tools do you have?"
Edit %APPDATA%\Claude\claude_desktop_config.json (Windows) or ~/Library/Application Support/Claude/claude_desktop_config.json (macOS):
{
"mcpServers": { "staruml": { "command": "npx", "args": ["-y", "staruml-mcp"] } } }
Restart Claude Desktop.
Point your MCP client at npx -y staruml-mcp (stdio) or http://localhost:58323/mcp (HTTP).
staruml-mcp [options]
-t, --transport stdio | http (default: stdio) -p, --port HTTP listen port (default: 58323) --api-port StarUML built-in API port (default: 58321) --ext-port staruml-mcp-extension port(default: 58322) --api-host StarUML API host prefix (default: http://localhost) -V, --version Print version -h, --help Show help
| Tool | Description |
|---|---|
generate_diagram | Generate a UML diagram from Mermaid code. |
get_all_diagrams_info | List all diagrams in the current project (id, name, type). |
get_current_diagram_info | Get metadata of the currently focused diagram. |
get_diagram_image_by_id | Export a diagram as PNG by its ID. |
staruml-mcp-extension, port 58322)| Tool | Description |
|---|---|
get_all_commands | List all 138+ built-in StarUML command IDs. |
execute_command | Execute any built-in command (e.g. project:save, view:fit-to-window). |
get_project_info | Current project's filename + top-level elements. |
save_project / save_project_as / new_project / open_project | Project file lifecycle. |
get_element_by_id / find_elements | Query model elements. |
create_element / update_element / delete_element | Element CRUD. |
create_diagram (typed native) / switch_diagram / close_diagram | Diagram management. |
To enable extension tools: install staruml-mcp-extension in StarUML (Tools → Extension Manager → Install From URL → https://github.com/ezrabrilliant/staruml-mcp-extension).
xyz123 as an image."*git clone https://github.com/ezrabrilliant/staruml-mcp.git
cd staruml-mcp npm install npm run dev # tsx watch on src/ npm run build # bundle to dist/ npm test # vitest npm run typecheck # tsc --noEmit
AI Agent (Claude Code / Cursor / VS Code / …)
│ │ MCP (stdio or Streamable HTTP) ▼ staruml-mcp (this package) │ │ HTTP JSON-RPC ▼ StarUML API Server (port 58321) │ ▼ StarUML Application (v7+)
Inspired by staruml/staruml-mcp-server (official stdio-only server by Minkyu Lee, StarUML creator). This project reimplements it with multi-transport support and strict TypeScript.
MIT © Ezra Brilliant Konterliem