설정 실전 예시

실제 프로젝트에서 자주 쓰이는 설정 패턴과 연결 문제 해결 방법을 정리한다. 업데이트: 2026-03-10


핵심 요약

구분내용
📖 권장 설정원격 서버 + Claude Code 조합이 기능이 가장 많다
💡 팀 공유프로젝트 루트 .mcp.json을 git에 포함하면 팀 전체가 동일 설정 사용 가능
🎯 연결 확인Claude Code: /mcp 명령 / Cursor: 하단 상태바
⚠️ 주의Access Token을 .mcp.json에 하드코딩하지 않는다 — 환경 변수 사용

목차

  1. Claude Code — 원격 서버 (권장)
  2. Cursor — SSE 방식 (구버전 호환)
  3. VS Code — 프로젝트별 설정
  4. 원격 + 데스크톱 병행 설정
  5. 연결 문제 해결

1. Claude Code — 원격 서버 (권장)

~/.claude/mcp.json (전역 설정):

{
  "mcpServers": {
    "figma": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

연결 확인:

# Claude Code 터미널에서
/mcp
# 출력: figma: connected (13 tools available)

사용 가능한 전체 도구 목록 확인:

사용 가능한 Figma MCP 도구를 모두 나열해줘

2. Cursor — SSE 방식 (구버전 호환)

Cursor 0.43 이하 구버전은 Streamable HTTP를 지원하지 않는다.

~/.cursor/mcp.json:

{
  "mcpServers": {
    "figma": {
      "type": "sse",
      "url": "https://mcp.figma.com/sse"
    }
  }
}

Cursor를 최신 버전으로 업데이트하면 "type": "http" 로 변경하는 것을 권장한다.


3. VS Code — 프로젝트별 설정

프로젝트 루트에 .vscode/mcp.json 생성 (팀 공유 가능):

{
  "servers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp",
      "type": "http"
    }
  }
}

.gitignore에 추가하지 않으면 팀원 전체가 동일한 MCP 설정을 공유한다. Access Token은 포함되지 않으므로 git에 포함해도 안전하다.


4. 원격 + 데스크톱 병행 설정

두 서버를 동시에 등록해 상황에 따라 사용하는 방식:

{
  "mcpServers": {
    "figma": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp"
    },
    "figma-desktop": {
      "type": "http",
      "url": "http://127.0.0.1:3845/mcp"
    }
  }
}
용도권장 서버
링크 기반 디자인 → 코드 생성figma (원격)
Figma 앱에서 현재 선택 영역 참조figma-desktop
generate_figma_design 사용figma (원격)

5. 연결 문제 해결

증상원인해결 방법
figma: disconnected인증 만료브라우저에서 Figma 재로그인 후 /mcp 재시도
429 Too Many Requests일일 호출 한도 초과익일 재시도 또는 플랜 업그레이드
데스크톱 서버 연결 안 됨Figma 앱 미실행 또는 MCP 비활성화Figma 앱 실행 → Dev Mode → MCP 서버 활성화
SSE 방식 연결 실패Cursor 버전 문제Cursor 업데이트 후 type: http로 변경
특정 파일 접근 불가파일 권한 없음Figma에서 해당 파일 권한 확인
whoami 도구 없음데스크톱 서버 사용 중원격 서버로 전환 (원격 서버 전용 도구)

문서 탐색


참고 자료

출처URL신뢰도
원격 서버 설치 가이드https://developers.figma.com/docs/figma-mcp-server/remote-server-installation/★★★★★
Figma MCP GitHub 가이드https://github.com/figma/mcp-server-guide★★★★★
Figma Help Center MCP 가이드https://help.figma.com/hc/en-us/articles/32132100833559★★★★★