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

누구나 쉽게 따라할 수 있는 Cursor로 figma plugin(피그마 플러그인)만들기

글 작성일
2025/03/20
질문 카테고리
플러그인
1 more property

참고할 영상 링크 :https://www.instagram.com/p/DHZkkvrTaNK/

cursor앱 설치하고 오른쪽 탭에서 에이전트 모드로 바꿉니다
프롬프트에 맥락 설명+figma plugin api문서 첨부, 플러그인 만드는 과정이 담긴 블로그 링크 첨부 한 뒤 만들고 싶은 플러그인 설명하기 저는 이렇게 프롬프트로 썼어요.
사용한 프롬프트
나는 디자이너인데, 개발 지식이 거의 없어.
figma 플러그인을 만들고 싶은데 도와줄래? 기본 셋팅부터 도와줘.
figma plugin 문서와, 참고할 수 있는 블로그 링크를 줄게
1.참고 블로그 링크
2.figma API 링크
위 내용 참고해서 만들어줘
 commnad 누르면서 시키는대로 설치합니다. 셋팅이 끝나면 내가 원하는 플러그인이 어떤 건지 기능을 상세하게 정의해주세요. 저는 아래와 같이 줬어요.
(figmapedia 페이지 링크를 주면서)이 링크에 있는 리소스를 검색하고, 바로 확인할 수 있는 기능이 필요해.
각 콘텐츠에는 바로 랜딩할 수 있는 링크가 붙으면 좋겠어.
피그마 피디아 업데이트가 실시간으로 반영되는 구조로 제작해줘.
 그 뒤론 커서가 알아서 하는데, 오류가 날땐 console 캡쳐해서 복붙하고 수정 요청하기(구체적이고 명확하게)
 figma plugin메뉴에서 개발자 탭 선택, Import from manifest로 불러온 뒤 실행해요

추가로 알면 좋을 팁 (개인적인 체감 후기)

Gpt4o를 사용하니 실행은 잘 되는데 결과물이 엉성한 경우가 많았어요. Claud 3.7 sonet thinking이 가장 좋은데 가끔 로드가 걸려서, 진행이 안되는 경우가 종종 있었음. 멈출때는 모델을 바꿔가며 했는데, 앞쪽의 맥락을 이해하는데 큰 무리가 없었음