Figma MCP 적용

피그마 MCP를 사용하시려면 Figma 개인 액세스 토큰이 필요합니다

피그마 홈 → 좌측 상단 홈 아이콘 클릭 → 프로필 클릭 → 설정 → 상단 탭 보안 클릭 → 개인 액세스 토큰 발급

토큰 범위는 프로젝트, 팀 라이브러리 콘텐츠 는 읽기 전용으로 나머지는 필요시 읽기 전용으로 선택하시면 됩니다

읽기 전용이 아닌 작성 권한을 줄시 Cursor 프롬프트로 Figma 수정이 가능하게 되어 읽기 전용으로만 하시는걸 권장드립니다

Cursor Chat에 아래 프롬프트 입력합니다.

피그마로 돌아가서 MCP를 연결할 프로젝트내 Cursor Talk To Figma MCP Plugin을 연결해주세요

연결되었다면 MCP Configuration 내용을 복사해주세요

커서로 돌아가신 후 CMD + SHIFT + P → Cursor Setting 입력 → MCP 탭 클릭 → Add new mcp server 클릭 으로 mcp.json내 복사하신 내용을 붙여넣어주세요

이제 Cursor에서 채널에 연결 프롬프트에 입력하시면 피그마에 연결됩니다

피그마에서 원하는 디자인을 클릭하신후 Cursor Chat에 요청하면 클릭한 내용을 확인합니다

맞게 확인되어있다면 프롬프트로 생성 요청하시면 됩니다

Cursor에서 Figma의 디자인을 수정할수도 있어서 프롬프트 입력할때 주의 필요합니다