← 전체 플러그인

Figma MCP

FIG
고급 설정
설치 검증됨
GitHub

Figma MCP는 Figma가 공식 운영하는 원격 MCP 서버(mcp.figma.com)예요. Claude Code 플러그인으로 한 줄 설치하거나 HTTP 전송으로 수동 연결할 수 있어요. 제공 툴: get_design_context(디자인 → React+Tailwind 변환), get_variable_defs(컬러·스페이싱 토큰 추출), get_metadata(레이어 구조), get_screenshot(시각적 참조), generate_diagram(Mermaid 다이어그램). 무료 플랜은 월 6회 제한이 있어요. Dev/Full 시트 보유자는 Figma REST API와 동일한 속도 제한이 적용돼요.

주요 기능
디자인 → 코드 변환 (get_design_context)변수·스타일 토큰 추출 (get_variable_defs)레이어 메타데이터 조회 (get_metadata)스크린샷 캡처 (get_screenshot)FigJam 다이어그램 (get_figjam / generate_diagram)
설치 방법
- Figma Dev or Full seat (Professional/Organization/Enterprise plan)
- Figma OAuth authentication via mcp.figma.com
claude plugin install figma@claude-plugins-official
claude mcp add --transport http figma https://mcp.figma.com/mcp
키워드
figma피그마디자인designui목업mockup프로토타입prototype핸드오프handoff컴포넌트component스타일style토큰token디자인 시스템
관련 플러그인
GH
GitHub MCP
GitHub API 완전 연동. 파일/리포/이슈/PR/브랜치/검색 26개 툴 제공.
SLK
Slack MCP
Slack 채널/메시지 연동. 메시지 전송·조회, 스레드, 리액션, 사용자 프로필 8개 툴.
FS
Filesystem MCP
허용된 디렉토리 내 파일 읽기·쓰기·편집·검색. 샌드박스 보안 모델.
GIT
Git MCP
로컬 Git 저장소 직접 조작. 커밋, 브랜치, diff, 로그, 스테이징 자동화.
플러그인을 제안할 수 있어요

카탈로그에 아직 없는 유용한 Claude Code 플러그인을 알고 있다면 검토 큐로 제안해 주세요.

의견을 알려주세요

만족도