디자이너의 피그마 플러그인 제작기: Cursor AI를 활용해 | 이병기 | 2025년 2월 | 미디엄

디자이너의 피그마 플러그인 제작기: CURSOR AI를 활용해

개요

이 글은 디자이너인 이병기가 피그마 플러그인 'Text 2 Json'을 제작하고 배포한 경험을 공유합니다. 이 플러그인은 피그마 작업 파일 내의 텍스트 레이어를 JSON 파일로 추출하는 기능을 제공합니다. 특히 선택된 텍스트 레이어만을 JSON으로 변환할 수 있는 독특한 기능을 갖추고 있어, 기존의 플러그인들과 차별화됩니다.

배경

2024년, 이병기가 속한 인프런은 글로벌 시장 진출을 목표로 다양한 준비를 진행하고 있습니다. 글로벌 서비스를 제공하기 위해서는 다국어 지원이 필수적이며, 이를 효과적으로 관리하기 위해 JSON 파일 포맷이 사용됩니다. JSON 파일은 한국어, 영어, 베트남어 등 여러 언어셋을 체계적으로 관리할 수 있어, 언어 전환을 간편하게 할 수 있는 핵심 도구입니다.

플러그인 개발 이유

피그마 커뮤니티에는 텍스트 레이어를 JSON으로 추출하는 기능을 가진 플러그인이 존재하지만, 선택된 텍스트 레이어에 한해서 JSON 파일로 뽑아내는 플러그인은 찾기 어려웠습니다. 이러한 필요성을 느낀 이병기는 'Text 2 Json' 플러그인을 직접 제작하여, 팀의 다국어 관리 작업을 효율화하고자 했습니다.

주요 기능

• 텍스트 레이어 추출: 피그마 파일 내의 텍스트 레이어를 JSON 형식으로 변환.
• 선택된 레이어만 변환: 사용자가 선택한 특정 텍스트 레이어만을 추출 가능.
• 다국어 지원: 글로벌 서비스 유지를 위한 다양한 언어셋 관리 지원.

활용 사례

인프런은 이 플러그인을 통해 다국어 서비스 준비를 가속화하고 있습니다. JSON 파일을 활용하여 언어별 텍스트를 체계적으로 관리함으로써, 서비스 현지화를 보다 신속하고 효율적으로 진행할 수 있게 되었습니다.

결론

'Text 2 Json' 플러그인의 개발은 비개발 직군인 디자이너에게도 유용한 도구를 제공하며, 글로벌 서비스 준비에 필수적인 다국어 관리의 효율성을 크게 향상시켰습니다. 앞으로도 다양한 플러그인 개발을 통해 디자인과 개발 간의 협업을 더욱 원활하게 할 계획입니다.

함께 읽으면 좋은 참고 자료

• 피그마 공식 문서
• JSON 사용 가이드
• 다국어 서비스 현지화 전략

[출처] 디자이너의 피그마 플러그인 제작기: Cursor AI를 활용해 | by Lee Byung-Ki | Feb, 2025 | Medium