Figma 디자인을 PNG로 내보내는 방법: 단계별 가이드

Figma 디자인을 PNG 파일로 다운로드하는 것은 작업을 공유하거나 다른 도구에 적용하려는 경우 필수적입니다.하지만 마우스 오른쪽 버튼 클릭만으로는 충분하지 않아 수동으로 내보내야 하는 경우가 있습니다.이 과정은 간단하지만, 특히 내보내기 메뉴에 익숙하지 않은 경우 몇 가지 문제가 발생할 수 있습니다.

1단계: 프레임 또는 개체 선택

Figma 파일을 열고 내보내려는 특정 프레임이나 객체를 클릭하세요.작업 영역에서 강조 표시되어 있는지 확인하세요.그래야 Figma에 원하는 내용을 전달할 수 있습니다.솔직히 말해서, 선택 영역을 놓치면 아무것도 내보내지 않거나 잘못된 것을 내보낼 수 있기 때문에 가끔 당황스러울 때가 있습니다.이유는 모르겠지만, Figma는 이 부분에 대해 매우 까다롭습니다.

2단계: 내보내기 섹션에 액세스

오른쪽 사이드바의 디자인 패널 아래를 보세요.‘내보내기 ‘라는 섹션이 있습니다.없으면 조금 아래로 스크롤하면 내보내기 설정을 추가할 수 있는 더하기 아이콘이 보일 것입니다.이 아이콘을 클릭하면 선택한 개체에 대한 새 옵션이 추가됩니다.팁: 더하기 아이콘 클릭을 잊어버리고 나중에 왜 내보내기 버튼을 찾을 수 없는지 궁금해하는 사람들이 있습니다.물론 Windows에서 이 기능을 더 어렵게 만들었기 때문입니다.

3단계: 내보내기 설정 선택

새로운 내보내기 메뉴에 드롭다운 메뉴가 표시됩니다.PNG고품질 이미지를 위해 대부분의 사용자에게 필요한 기능이므로 선택하세요.크기도 선택할 수 있습니다( 1x또는 2x).원하는 대로 크기를 조절하거나, 원하는 대로 조정할 수도 있습니다.[ ]로 설정하면 2x멋진 고화질 이미지를 얻을 수 있지만, 파일 크기가 두 배로 커지기도 합니다.따라서 프로젝트에 가장 적합한 옵션을 선택하세요.

4단계: 내보내기 프로세스 시작

모든 것이 잘 보이면 내보내기 버튼을 누르세요.데스크톱 앱에서는 Figma가 저장 위치를 선택하도록 안내합니다.웹 버전을 사용하는 경우 기본 다운로드 폴더로 자동 다운로드됩니다.가끔 바쁜 시간에는 다운로드가 멈추거나 더 오래 걸리는 경우가 있는데, 이는 클라우드 앱의 또 다른 특징입니다.

5단계: 다운로드한 PNG 파일 찾기

다운로드 폴더나 저장 위치를 설정한 곳 으로 이동하세요.짜잔! PNG 파일이 생성되어 바로 사용할 수 있습니다.레이어를 제대로 내보냈는지 확인하는 걸 깜빡하는 경우가 종종 있으니, 원하는 파일인지 시각적으로 다시 한번 확인해 보세요.흐릿하거나 이상해 보인다면 내보내기 크기 옵션을 다시 확인해 보세요.

추가 팁 및 일반적인 문제

사람들이 실수하는 한 가지가 있습니다.올바른 프레임이나 객체를 선택했는지 확인하는 것입니다.빈 그룹이나 선택되지 않은 레이어를 내보내려고 하면 Figma에서 빈 PNG 파일만 나올 수 있습니다.또한 내보내기가 제대로 작동하지 않을 경우, 페이지를 새로 고치거나 앱을 다시 시작하면 도움이 될 수 있습니다.드물게 내보내기 메뉴가 작동하지 않는 것을 본 적이 있는데, 간단히 새로 고침하면 해결될 수 있습니다. Figma는 당연히 이렇게 까다로울 수밖에 없으니까요.

자주 묻는 질문

여러 개의 프레임을 한 번에 내보낼 수 있나요?

네, 여러 프레임이나 객체를 선택하기만 하면 됩니다(길게 누르 Shift거나 Ctrl+ 클릭).그런 다음 모두 선택한 상태에서 내보내기 설정을 추가하고 내보내기를 누르면 일괄 처리됩니다.여러 에셋을 빠르게 준비할 때 매우 유용합니다.

PNG 외에 어떤 다른 형식으로 내보낼 수 있나요?

Figma는 매우 유연합니다.JPG, SVG, 또는 로 저장할 수도 있습니다 PDF.내보내기 패널의 드롭다운 메뉴에서 원하는 형식을 선택하기만 하면 됩니다.크기 조절을 위해 벡터 그래픽이 필요한 경우 SVG가 더 나은 선택일 수 있습니다.

내보낼 때 파일 크기에 제한이 있나요?

엄격한 제한은 없지만, 고해상도 이미지나 용량이 큰 파일은 속도를 저하시키거나 문제를 일으킬 수 있습니다.적정 수준을 유지하세요.썸네일만 필요하다면 10, 000 x 10, 000 픽셀 PNG 파일을 내보내는 것은 의미가 없습니다.가능하다면 내보내기 전에 최적화하세요.

요약

Figma에서 객체나 프레임을 선택하세요
오른쪽 사이드바로 이동하여 내보내기 섹션 에서 + 아이콘을 클릭합니다.
PNG원하는 사이즈를 선택하세요
내보내기를 누르고 다운로드를 기다리세요.
다운로드 폴더에서 파일을 확인하세요.

이 팁으로 누군가의 작업 시간을 몇 시간 단축할 수 있기를 바랍니다. Figma에서 내보내기는 익숙해지면 간단할 수 있지만, 인터페이스가 다소 복잡하게 느껴질 수도 있습니다.행운을 빕니다!