HR

hoangpm96/reqwise-figma-mcp

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

104 stars 40 forks 품질 72 트렌드 24MIT

AI 에이전트가 Figma 캔버스에서 안전하게 읽고 그릴 수 있게 해주는 MCP 서버입니다. Figma 플러그인과 결합하면 구조화된 검증, 기본 안전 그리기, 그리고 견고한 다중 창을 제공합니다...

개요

Reqwise Figma MCP는 로컬 MCP 서버를 Figma 플러그인과 함께 연결합니다. Claude 코드, 커서 또는 MCP 지원 에이전트를 지정하면, 에이전트는 Figma 파일을 검사하고 figma.* 프록시 API에 대해 JavaScript를 실행해 그림을 그릴 수 있습니다 — 플러그인 레이어는 보통 "AI가 화면을 그린다"가 "AI가 넘쳐나고 반쯤 잘린 엉망진창을 그린다"로 바꾸는 실수를 포착합니다. 이 시스템은 현재 세대의 Figma MCP가 에이전트에게 자신들이 갖지 못한 규율을 책임지게 만들기 때문입니다: 반투명 프레임을 절대 오버레이하지 말아야 한다는 것을 기억하고, 모든 통화마다 토큰 맵을 재선언하며, x/y 오프셋을 수동으로 계산하고, 클리핑 여부를 확인하기 위해 스크린샷을 눈대중으로 보는 것입니다. Reqwise는 이러한 규율을 서버와 플러그인으로 옮기고, 에이전트가 자신의 작업을 체계적으로 검증할 수 있는 방법을 제공합니다. 전체 설계 이유와 이러한 기본 설정 뒤에 숨겨진 근본 원인에 대해서는 ARCHITECTURE.md 를 참조하세요. 이렇게 하면 서버는 dist/로, 플러그인 번들은 plugin/code.js로 빌드됩니다. (문서/설치를 참조하세요.

개요(AI 번역)

AI 에이전트가 Figma 캔버스에서 안전하게 읽고 그림을 그릴 수 있게 해주는 MCP 서버. 오픈 소스 (MIT).

BPMN, UI 템플릿, 1:1 코드 ↔ Figma 컴포넌트 맵, 디자인 시스템, 여정 맵, 페르소나, 접근성 및 반응형 감사, 또는 셀프 플레이 데모가 필요한가요? 이 두 가지 카드는 **Reqwise Figma MCP Pro →**에 포함되어 있습니다. 아래 두 판을 비교해 보세요.

Reqwise Figma MCP는 로컬 MCP 서버를 동반 Figma 플러그인과 페어링합니다. Claude 코드, 커서, 코덱스 또는 MCP 지원 에이전트를 가리키면, 에이전트는 Figma 파일을 검사하고 figma.* 프록시 API에 대해 JavaScript를 실행해 그림을 그릴 수 있습니다 — 플러그인 레이어는 보통 "AI가 화면을 그린다"가 "AI가 넘치고 반쯤 잘린 엉망진창을 그린다"로 바꾸는 실수를 포착합니다. 또한 명세에 필요한 BA 다이어그램 — 사용자 흐름, 활동, 시퀀스, ERD, 사이트맵, 상태 머신 — 을 그리고, 각 다이어그램 뒤에 있는 모델을 교정합니다.

현 세대의 Figma MCP는 에이전트에게 자신이 갖지 못한 규율을 책임지게 만들기 때문입니다: 반투명 프레임을 절대 오버레이하지 말아야 한다는 것을 기억하고, 모든 통화를 토큰 매핑을 재선언하며, x/y 오프셋을 수동으로 계산하고, 클리핑 여부를 확인하기 위해 스크린샷을 눈대중으로 보는 등의 책임을 지게 합니다.

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

Reqwise Figma MCP

An MCP server that lets AI agents read and draw on the Figma canvas — safely. Open source (MIT).

Need BPMN, UI templates, a 1-to-1 code ↔ Figma component map, design systems, journey maps, personas, accessibility and responsive audits, or self-playing demos? They are in Reqwise Figma MCP Pro →. Compare the two editions below.

Reqwise Figma MCP pairs a local MCP server with a companion Figma plugin. Point Claude Code, Cursor, Codex or any MCP-capable agent at it, and the agent can inspect a Figma file and draw into it by executing JavaScript against a figma.* proxy API — with the plugin layer catching the mistakes that usually turn “AI draws a screen” into “AI draws an overflowing, half-clipped mess.” It also draws the BA diagrams a spec needs — userflow, activity, sequence, ERD, sitemap, state machine — and proof-reads the model behind each one.

It exists because the current generation of Figma MCPs make agents responsible for discipline they don’t have: remembering never to overlay a semi-transparent frame, re-declaring token maps every call, manually computing x/y offsets, eyeballing screenshots to check for clipping. Reqwise moves that discipline into the server and plugin, and gives the agent a structured way to verify its own work.

Free vs Pro

Feature Free Pro
Connection
Figma bridge with rich diagnostics and next-step hints ✅ ✅
Several Figma windows and several AI agents at once (leader/follower) ✅ ✅
One launcher for Claude Code, Cursor and Codex ✅ ✅
Hardened local bridge (sandboxed JS, authenticated forwarding) ✅ ✅
Rule sheet and on-demand docs for the agent ✅ ✅
Read and draw on the canvas
Read pages, layers, selection; screenshots and exports ✅ ✅
Draw and edit frames, text, shapes; streaming batches ✅ ✅
Layout audit — overflow, clipping, truncated text ✅ ✅
New work never lands on top of existing work ✅ ✅
Tokens and variables — create, bind, edit, import/export ✅ ✅
Text styles and effect styles ✅ ✅
Icons, images, overlays, gradients, recolor ✅ ✅
Prototype reactions ✅ ✅
Delete pages and styles, sweep unused styles ✅ ✅
GitHub에서 전체 README 보기

설치

This server does not publish a one-line install command.

Open the repository installation guide MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →