1줄 정의

Figma 디자인 파일을 LLM 에이전트가 직접 읽고 쓸 수 있게 하는 MCP 서버.

전체 시스템에서 맡는 역할

디자인과 코드 사이에는 전통적으로 “Figma 를 보면서 사람이 코드로 옮기는” 수작업이 끼어 있었다. Figma MCP 는 이 거리를 좁힌다.

Claude Code 나 Cursor 에서 MCP 경유로 Figma API 를 부를 수 있게 돼서

• Figma 파일에서 컴포넌트 구조 읽기
• 디자인 토큰 (색, 폰트, 간격) 추출
• 구현 코드로 자동 변환
• 역방향으로 코드 변경을 Figma 에 동기화

같은 연동이 가능해진다.

중요한 건 디자인이 “참고 자료” 가 아니라 “agent 가 직접 다루는 데이터” 가 된다 는 점. vibe coding 의 UI/UX 구현 파이프라인을 크게 바꾼다.

다음에 읽을 용어 3개

• MCP — Figma MCP 의 상위 프로토콜.
• Claude Code — Figma MCP 를 부르는 대표 클라이언트.
• vibe coding — UI 작업 스타일 전반.