Figma 무료버전으로 Claude MCP 연결 - Claude CLI

Figma를 Claude MCP로 연결하고, Claude Desktop으로 운용하는 내용이 있었는데

 

(내용참조 https://serpiko.tistory.com/911)

Figma 무료버전으로 Claude MCP 연결 (with. PAT) - Claude Desktop

 

이번에는 Claude CLI 에서 사용하기 위한 방법을 소개하겠다.

 

 

개발환경

WSL/Linux

 

CLI에서 사용할 때 전역설정을 위해 user (권한 적용 범위는, 아래 표 참조) 범위로 설정하도록 하겠다.

값	효과	저장 위치
user	모든 프로젝트에서 사용 가능	~/.claude.json
project	이 프로젝트 + 협업자 공유	./.mcp.json (git 커밋 가능)
local (기본)	이 프로젝트, 본인만	로컬 settings

 

 

설정파일 위치 및 추가

다음의 경로에서 설정파일에 mcp를 추가하자

$ cd ~/.claude/json

 

{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--stdio"],
      "env": {
        "FIGMA_API_KEY": "여기에_PAT_붙여넣기"
      }
    }
  }
}

 

의 내용을 다음의 위치에 넣으면 된다.

(Tip: vscode에서는 ctrl+shift+p를 눌러서 WLS에 연결 하면, json 파일을 바로 편하게 열 수 있다)

Claude CLI 로 연결 확인

연결 되었음을 확인하기 위해, claude mcp list 명령어로 확인해보자.

위와 같이 Connected 가 뜨면 정상 연결

 

Claude CLI 에서 작업 시작

연결이 잘 되었으므로, 본격적으로 피그마와 연결된 자원에 대해 접근이 가능하므로

피그마 URL을 알려주고, 컨텍스트가 가능하다!