FrontendFigma 플러그인, 디자이너가 직접 만들어 보기
이 글은 디자이너가 Figma 플러그인을 직접 제작한 경험을 공유합니다. Figma는 가볍고 다양한 플러그인을 활용할 수 있다는 장점이 있지만, 특정 업무에 완벽하게 적용하기 어려운 경우가 있습니다. 이에 따라 넷마블 사업디자인팀에서는 반복적이고 공수가 많이 드는 디자인 산출물 변형 작업을 자동화하기 위해 TypeScript를 활용하여 Figma 플러그인을 직접 개발했습니다. ChatGPT와 Figma 공식 문서를 참고하여 개발 환경을 설정하고, code.ts와 ui.html로 구성된 플러그인 구조를 이해하며 실제 제작 과정을 진행했습니다. 비전공자도 ChatGPT를 활용하면 업무 효율을 높이는 플러그인을 만들 수 있다는 자신감을 얻을 수 있도록 실제 제작 경험을 공유하는 데 초점을 맞추고 있습니다.
Figma플러그인TypeScript
