grab/cursor-talk-to-figma-mcp

해결하는 문제

이 프로젝트는 AI 에이전트(Cursor 또는 Claude Code 등)와 Figma 사이의 다리를 제공하여, 이러한 에이전트가 디자인 파일을 프로그래밍 방식으로 읽고 분석하며 수정할 수 있도록 합니다. AI가 캔버스에 직접 대화할 수 있게 함으로써, 디자인 요구사항을 Figma 작업으로 수동으로 변환하는 노동을 제거합니다.

작동 방식

시스템은 Model Context Protocol (MCP)를 사용하여 AI 에이전트와 Figma 플러그인을 연결합니다. WebSocket 서버가 중개 역할을 하여, AI 에이전트가 사용하는 MCP 서버와 Figma 환경에서 명령을 실행하는 Figma 플러그인 사이의 실시간 통신을 가능하게 합니다.

대상 사용자

Cursor와 같은 AI 기반 IDE를 사용하고 반복적인 디자인 작업을 자동화하거나, 컴포넌트 오버라이드를 관리하거나, 프로토타입 흐름을 시각적 연결선으로 변환하고자 하는 디자이너 및 개발자.

주요 기능

• 포괄적인 디자인 제어: 프레임, 사각형, 텍스트 노드의 생성, 이동, 크기 조정, 삭제를 위한 도구.
• 자동 텍스트 관리: 텍스트 노드를 스캔하고 일괄적으로 텍스트 콘텐츠를 교체할 수 있는 기능.
• 컴포넌트 지능: 컴포넌트 인스턴스에서 오버라이드를 추출하고 적용하여 디자인 전반의 일관성을 유지하는 도구.
• 레이아웃 자동화: 패딩, 정렬, 간격을 포함한 Auto Layout 설정을 프로그래밍 방식으로 제어 가능.
• 프로토타이핑 시각화: 프로토타입 반응을 FigJam 연결선으로 변환하여 흐름 매핑을 더 잘할 수 있는 기능.
• 주석 지원: 마크다운 지원이 있는 네이티브 Figma 주석 생성 및 업데이트 도구.