Figmapedia
목록으로 돌아가기

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

1️⃣cursor앱 설치하고 오른쪽 탭에서 에이전트 모드로 바꿉니다

2️⃣프롬프트에 맥락 설명+figma plugin api문서 첨부, 플러그인 만드는 과정이 담긴 블로그 링크 첨부 한 뒤 만들고 싶은 플러그인 설명하기 저는 이렇게 프롬프트로 썼어요.

사용한 프롬프트

나는 디자이너인데, 개발 지식이 거의 없어.

figma 플러그인을 만들고 싶은데 도와줄래? 기본 셋팅부터 도와줘.

figma plugin 문서와, 참고할 수 있는 블로그 링크를 줄게

1.참고 블로그 링크

https://velog.io/@baesh/%EC%B4%88%EA%B0%84%EB%8B%A8-%ED%94%BC%EA%B7%B8%EB%A7%88-%EB%B2%88%EC%97%AD-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0

2.figma API 링크

https://www.figma.com/developers/api

위 내용 참고해서 만들어줘

3️⃣ commnad 누르면서 시키는대로 설치합니다. 셋팅이 끝나면 내가 원하는 플러그인이 어떤 건지 기능을 상세하게 정의해주세요. 저는 아래와 같이 줬어요.
  • (figmapedia 페이지 링크를 주면서)이 링크에 있는 리소스를 검색하고, 바로 확인할 수 있는 기능이 필요해.
  • 각 콘텐츠에는 바로 랜딩할 수 있는 링크가 붙으면 좋겠어.
  • 피그마 피디아 업데이트가 실시간으로 반영되는 구조로 제작해줘.
  • 4️⃣ 그 뒤론 커서가 알아서 하는데, 오류가 날땐 console 캡쳐해서 복붙하고 수정 요청하기(구체적이고 명확하게)

    5️⃣ figma plugin메뉴에서 개발자 탭 선택, Import from manifest로 불러온 뒤 실행해요

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

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