Figmapedia
목록으로 돌아가기
소소한 꿀팁

[Figma mcp]나는 입만 놀리고, AI가 figma에서 디자인&수정 하게 만드는 방법 -요즘 핫하다는 피그마 mcp 이렇게 쉽게 해보세요-

피그마 튜터2025. 4. 6.

영상 링크

https://www.instagram.com/reel/DIBrr6gveK8/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==

📌참 쉬운 mcp적용 방법

1️⃣크롬에 cursor-talk-to-figma쳐서 git 사이트 접속 https://github.com/sonnylazuardi/cursor-talk-to-figma-mcp 2️⃣파일 다운 받고 커서에서 열기 3️⃣채팅창 에이전트 모드로 두고,readme 읽고 mcp서버 연결해달라고 하기 4️⃣설치 완료되었다 뜨면 figma로 가서 Plugin>development 탭 선택, manifest파일 열기 5️⃣ 플러그인 실행하고 코드 복사 6️⃣ cursor로 가서 join_channel+코드 복붙

📌비개발자를 위한 mcp연결 오류 팁

1️⃣Cursor setting>mpc메뉴 열고 오류 뜨지 않았나 체크해보고 오류뜨면 mpc서버 연결 체크해달라 하기

2️⃣채팅창에 Bun 설치, bun set up, bun socket,mcp서버 연결(bunx cursor-talk-to-figma-mcp)순으로 다시 처음부터 검토해달라 하기

3️⃣말도 안되지만 cursor,figma 재실행하면 해결되기도😂

4️⃣잘 동작하지 않으면 터미널 창을 열어 직접 등록하는 방법도 있어요.

curl - fsSL https://bun.sh/install | bash 번설치 bun setup 번 설정 but socket 웹 소켓 연결

새로운 터미널창을 열고 bunx cursor-talk-to-figma-mcp 입력해서 실행 이후에 figma가서 manifest파일 불러오고, 플러그인 실행해서 코드 복붙한 다음 채팅창에 join_channel+ 코드 누르거나 talk to figma with +코드 입력해서 실행 5️⃣ 계속 오류가 난다면 cursor setting > mcp 탭을 눌러서 mcp서버에 연결되었나 체크해보고, 이 부분을 채팅에 개선해달라고 하면 빠르게 오류 수정이 되기도 합니다.

참고로 mcp란?

클로드, 챗 지피티 같은 llm모델을 figma slack gmail과 같은

외부 서비스와 연결해주는 허브같은 역할을 하는 프로토콜 입니다.