gethopp/figma-mcp-bridge

해결하는 문제

Figma MCP Bridge를 사용하면 AI 에이전트가 무료 Figma 계정에 적용되는 엄격한 API 속도 제한에 걸리지 않고 Figma 문서와 상호 작용할 수 있습니다. 로컬 플러그인을 브리지로 사용하여 표준 클라우드 API를 우회함으로써, AI 도구가 Figma 파일 내에서 직접 디자인 데이터를 읽고 편집할 수 있게 합니다.

작동 방식

이 시스템은 Figma 플러그인과 MCP 서버라는 두 부분으로 구성됩니다. 플러그인은 Figma 데스크톱 앱 내에서 실행되며 실시간 문서 데이터를 WebSockets를 통해 로컬 MCP 서버로 스트리밍합니다. 서버는 AI 클라이언트(Cursor 또는 Claude Desktop 등)의 도구 호출을 fileKey를 사용하여 올바른 Figma 파일로 라우팅합니다. 리더-팔로워 아키텍처를 지원하여 여러 AI 도구가 동시에 동일한 브리지에 연결할 수 있습니다.

대상 사용자

AI 기반 IDE나 에이전트를 사용하여 디자인 사양을 읽거나, 에셋을 내보내거나, Figma에서 직접 UI 요소를 자동으로 생성해야 하는 디자이너 및 개발자.

주요 특징

• API 제한 우회: 로컬 플러그인을 사용하여 무료 Figma 계정의 월 6회 요청 제한을 피합니다.
• 다중 파일 지원: 여러 개의 Figma 파일을 동시에 연결하여 에이전트가 fileKey를 통해 원하는 파일에 쿼리를 보낼 수 있습니다.
• 읽기 및 쓰기 기능: 문서 트리, 스타일, 프로토타입을 읽는 도구는 물론, 프레임, 도형, 텍스트를 생성하고 자동 레이아웃을 적용하는 도구가 포함되어 있습니다.
• 폭넓은 호환성: Figma 디자인 파일, Dev Mode, FigJam 보드에서 모두 작동합니다.
• 에셋 내보내기: 노드를 PNG, SVG, JPG 또는 PDF로 내보내고 로컬 파일 시스템에 직접 저장할 수 있습니다.