Figma에 좋은 MCP 서버 추천 (2026)

Figma에 많이 쓰이는 오픈소스 MCP 서버 4개를 GitHub 스타 순으로 정리했습니다. 각 항목은 저장소 정보, (README에 있는 경우) 설치 설정, 관련 서버를 담은 페이지로 연결됩니다.

1. design-extract ★4237 – Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for
2. figma-mcp-bridge ★750 – Figma Plugin & MCP server to bypass API limits
3. claude-talk-to-figma-mcp ★671 – A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to
4. better-design ★370 – 🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot

자주 묻는 질문

Figma용 MCP 서버란 무엇인가요?

MCP(Model Context Protocol) 서버는 Claude, Cursor, VS Code의 GitHub Copilot 같은 AI 어시스턴트를 외부 도구와 데이터에 연결해 줍니다. 이 페이지의 서버들은 Figma에 초점을 맞추고 있습니다.

순위는 어떻게 정하나요?

GitHub 스타 수와 최근 활동을 기준으로 하며, 2026년 10월 15일에 업데이트한 공개 저장소 데이터를 사용합니다.

어떻게 설치하나요?

대부분의 서버는 클라이언트의 MCP 설정 파일에 npx, uvx 또는 Docker 명령을 추가하면 됩니다. Claude Desktop, Cursor, VS Code 설치 가이드에서 단계별로 설명합니다.

관련 가이드

• Claude Desktop에 MCP 서버 설치하는 방법 (단계별)
• Cursor에 MCP 서버 설치하는 방법 (mcp.json 가이드)
• VS Code에서 GitHub Copilot과 MCP 서버 사용하는 방법