피그마 피디아
home
피그마 실무Q&A
home

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

글 작성일
2025/04/06
링크
질문 카테고리
소소한 꿀팁
1 more property

영상 링크

참 쉬운 mcp적용 방법
크롬에 cursor-talk-to-figma쳐서 git 사이트 접속 cursor-talk-to-figma-mcp 파일 다운 받고 커서에서 열기 채팅창 에이전트 모드로 두고,readme 읽고 mcp서버 연결해달라고 하기 설치 완료되었다 뜨면 figma로 가서 Plugin>development 탭 선택, manifest파일 열기 플러그인 실행하고 코드 복사 cursor로 가서 join_channel+코드 복붙
비개발자를 위한 mcp연결 오류 팁
Cursor setting>mpc메뉴 열고 오류 뜨지 않았나 체크해보고 오류뜨면 mpc서버 연결 체크해달라 하기
채팅창에 Bun 설치, bun set up, bun socket,mcp서버 연결(bunx cursor-talk-to-figma-mcp)순으로 다시 처음부터 검토해달라 하기
말도 안되지만 cursor,figma 재실행하면 해결되기도
잘 동작하지 않으면 터미널 창을 열어 직접 등록하는 방법도 있어요.
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 +코드 입력해서 실행 계속 오류가 난다면 cursor setting > mcp 탭을 눌러서 mcp서버에 연결되었나 체크해보고, 이 부분을 채팅에 개선해달라고 하면 빠르게 오류 수정이 되기도 합니다.
참고로 mcp란?
클로드, 챗 지피티 같은 llm모델을 figma slack gmail과 같은
외부 서비스와 연결해주는 허브같은 역할을 하는 프로토콜 입니다.