스크린샷

Figma 플러그인과 Cursor MCP 설정을 시각적으로 살펴봅니다.

Figma Desktop의 플러그인

MCP Bridge가 연결된 녹색 상태, 선택 항목, 기능 모듈이 표시된 전체 패널입니다.

Figma Agent Kit plugin open in Figma Desktop

설정 메뉴

톱니바퀴 메뉴: 모델 설정, 프롬프트 설정, 업데이트 확인 및 中文 / English 언어 전환.

Plugin settings menu

모델 설정

OpenAI 호환 API base URL, 모델 이름, API 키, Test connection을 설정합니다.

Model settings dialog

슬라이스 내보내기

Export 탭: 1× 미리 보기, 편집 가능한 파일명, 단일 다운로드 및 ZIP 패키지(3× PNG).

Export slices module

프롬프트 설정

이름 변경 / 그룹화를 위한 편집 가능한 시스템 프롬프트({{candidates}} 및 관련 플레이스홀더).

AI prompt settings

미니 모드

간결한 창: 브리지 상태와 현재 선택 항목만 표시합니다(헤더의 minimize 컨트롤 사용).

Plugin mini mode

Cursor MCP 구성

npx를 사용하는 mcp.json 항목 예시입니다(버전을 고정하지 않으면 npx가 최신 버전을 설치함).

Cursor mcp.json configuration

Cursor MCP 도구

성공적으로 연결되면 Cursor에 figma-agent-mcp37 tools enabled가 표시됩니다.

Cursor MCP tools list

관련 문서