피그마로 에셋 또는 결과물 내보내기 – 피그마 강좌 1-8

디자인 작업을 마친 후에는 에셋과 결과물을 효과적으로 내보내야 합니다. 특히 iOS, Android 플랫폼에서의 사용을 위해 정확한 파일 형식과 옵션을 설정하는 것이 중요합니다. 아래는 에셋과 결과물을 내보내는 기본 과정과 팁입니다.

에셋 내보내기 설정

에셋을 내보낼 때 플랫폼에 따라 요구되는 파일 형식이 다릅니다.

• iOS: SVG, PDF 형식을 주로 사용합니다.
• Android: 마찬가지로 SVG와 PDF를 권장합니다.
• 추가적으로 벡터 기반의 파일은 크기 조정에 유연하며, 해상도에 따른 문제를 최소화할 수 있습니다.

자세한 개념과 세부 설정은 UX/UI 강의를 통해 배우는 것을 추천드립니다.

내보내기 방법

1. Export 클릭: 디자인 소프트웨어(Figma, Sketch, Adobe XD 등)의 Export 버튼을 활용하여 내보낼 파일 형식을 선택합니다.
2. 확장자와 Prefix 설정: 파일 이름에 Prefix를 설정하여 정리된 파일 관리를 돕습니다.
   예: icon_home.svg, button_primary.pdf와 같이 기능이나 카테고리별로 명명할 수 있습니다.

현재 페이지 기준 전체 내보내기

1. 여백 클릭: 프레임이나 섹션을 선택하지 않은 상태에서 페이지 전체를 선택하세요.
2. Export 설정:
   • 원하는 파일 형식을 선택하고 설정합니다.
   • 내보내기 전에 Preview를 통해 출력물을 확인하세요.

PDF로 저장하기

PDF 형식으로 전체 프레임을 내보내는 방법은 아래와 같습니다.

1. File 메뉴: 상단 메뉴에서 File을 클릭합니다.
2. Export Frames to PDF 선택: 페이지에 있는 모든 프레임을 하나의 PDF 파일로 내보낼 수 있습니다.
3. 저장 위치와 파일 이름을 지정한 뒤, PDF를 저장합니다.

추가 팁

1. SVG 활용: 벡터 그래픽은 해상도에 영향을 받지 않으므로 로고나 아이콘 제작에 적합합니다.
2. Prefix와 Suffix: 파일 이름에 플랫폼이나 버전을 추가하면 이후 관리가 편리합니다.
   예: icon_android_v1.svg, button_ios_final.pdf
3. 디자인 검토: 내보내기 전에 반드시 Preview를 통해 이상 여부를 확인하세요.

마무리 작업을 효율적으로 진행하면 결과물을 사용하는 개발자 및 디자이너들과의 협업이 훨씬 원활해집니다.
이 가이드가 도움이 되었다면 관련 강의를 추가로 확인해보는 것도 좋은 방법입니다.