UX/UI 디자인

고화질 한글 지도 이미지 피그마 삽입

피그마 오픈카톡방2026. 3. 7.

질문사항

위치 기반 서비스 디자인 시, 고화질의 한글 지도 이미지를 피그마에 넣는 방법이 궁금합니다. 캡처 시 화질이 깨지고, 플러그인은 영어로 표시되어 어려움이 있습니다. 지도 이미지만 필요한 경우 다른 방법이 있을까요?

답변

고화질의 한글 지도 이미지를 피그마에 넣는 방법으로는 다음과 같은 접근을 고려해볼 수 있습니다:

SVG 변환: 개발팀과 협의된 지도 라이브러리(예: 카카오맵, 네이버 지도 등)가 있다면, 해당 라이브러리에서 제공하는 지도 데이터를 SVG 형식으로 변환하여 사용하는 것을 추천합니다. `Mapshaper`와 같은 도구를 활용하면 SVG 변환 및 최적화에 도움이 될 수 있습니다. SVG는 벡터 기반이므로 확대해도 화질 손상이 없습니다.

API 활용 (개발자 협업): 지도 API를 통해 필요한 영역의 지도를 고해상도 이미지로 추출하거나, 개발자와 협의하여 실제 서비스에 사용될 지도 데이터를 디자인 목업에 활용하는 방안을 논의해보세요.

고해상도 스크린샷 + 편집: 부득이하게 스크린샷을 사용해야 한다면, 최대한 고해상도로 캡처한 후 포토샵 등에서 필요한 부분만 잘라내어 사용하는 방법도 있습니다. 하지만 이 경우 벡터 기반의 SVG보다는 유연성이 떨어집니다.

디자인 초기 단계부터 개발자나 데이터 사이언티스트와 협의하여 기술적인 제약사항과 구현 가능성을 함께 고려하는 것이 가장 효율적입니다.