Figma에서 PNG로 내보내는 방법

이미지 레이어, 그룹 또는 프레임을 JPG, PNG 또는 SVG로 내보내 려는 경우 Figma가 지원 합니다 .

그러나 다양한 형식으로 이미지를 내보내는 방법이나 어떤 유형의 내보내기 옵션이 있는지 모르는 경우를 대비하여 이 기사에서는 Figma 경험을 개선하는 방법에 대한 몇 가지 지침과 팁을 제공합니다.

PNG로 내보내기

PNG 이미지 내보내기는 아마도 모든 사람의 첫 번째 선택일 것입니다. PNG, JPG, SVG 등 원하는 형식에 관계없이 프로세스는 동일합니다.

• 이미지를 선택하세요.

• 오른쪽 사이드바에서 “내보내기” 섹션을 선택합니다.

• “+” 기호를 클릭합니다.

• PNG 이미지 형식을 선택합니다.

• 이미지 내보내기 버튼을 클릭합니다.

내보내기 전에 미리보기 기능을 사용하여 올바른 이미지가 있고 추가 수정이 필요하지 않은지 확인하십시오.

선택 항목을 PNG로 내보내기

선택한 항목을 내보내려면 프로세스가 최대한 간단합니다.

• 내보낼 요소 또는 프레임을 선택합니다.

• 속성 패널로 이동합니다.

• 아래로 스크롤하여 내보내기 섹션을 찾습니다.

• “+” 기호를 클릭합니다.

• PNG 이미지 형식을 선택합니다.

• 필요한 경우 다른 요소 크기를 설정합니다.

• 선택한 항목을 내보냅니다.

대체 PNG 내보내기 방법

Figma에 공유하고 싶은 이미지가 있는 경우 앱에서 내보내는 것만이 유일한 방법은 아닙니다.

가장 좋은 기능 중 하나는 “PNG로 복사” 옵션입니다. 작동 방식은 다음과 같습니다.

• Figma 에서 이미지를 선택합니다 .

• 이미지를 마우스 오른쪽 버튼으로 클릭하여 메뉴를 엽니다.

• “PNG로 복사” 옵션을 선택하십시오.

• 이미지를 다른 응용 프로그램에 붙여넣습니다.

이 기능을 사용하면 Figma에서 원하는 이미지나 개체의 PNG 버전을 클립보드에 직접 복사할 수 있습니다. 개체에 다른 내보내기 설정이 없는 경우 이미지의 기본 1x 버전이 됩니다.

더 쉽게하기 위해 다음 키보드 단축키를 사용할 수 있습니다.

• “Ctrl + Shift + C”는 Windows 장치의 키보드 단축키입니다.

• “Command + Shift + C”는 Mac 장치의 키보드 단축키입니다.

이 방법을 사용하면 Figma에서 개체의 PNG 복사본을 더 빠르게 공유할 수 있습니다. 그러나 고전적인 방법을 사용하여 PNG 이미지를 내보내면 이미지 품질을 더 잘 제어할 수 있습니다.

여러 레이어를 하나의 PNG로 내보내기

여러 레이어를 선택하고 PNG로 내보내려고 하면 개별 레이어가 포함된 zip 파일이 별도의 PNG 형식으로 표시됩니다.

이것은 한 번에 여러 파일을 내보내는 데 유용하지만 모든 레이어를 단일 PNG 파일로 병합해야 하는 사용자에게는 도움이 되지 않습니다.

여기에서 “그룹” 기능이 제공됩니다. Figma 에서 여러 레이어를 선택 하고 그룹에 넣을 수 있습니다. 그런 다음 그룹을 PNG 파일로 내보내면 모든 레이어가 선택된 하나의 파일을 얻을 수 있습니다.

• 원하는 레이어를 선택합니다.

• 메뉴에서 “그룹”을 선택하십시오.

• 그룹을 선택하고 “내보내기” 섹션으로 이동합니다.

• “+” 기호를 클릭합니다.

• PNG 형식을 선택합니다.

• 그룹 내보내기.

Figma의 다른 대부분의 작업과 마찬가지로 이 작업도 단순화할 수 있습니다. 예를 들어 키보드 단축키를 사용하여 그룹을 만들 수 있습니다.

• “Ctrl + G”는 Windows 장치의 키보드 단축키입니다.

• “Command + G”는 Mac 장치의 키보드 단축키입니다.

레이어 선택이 마음에 들지 않으면 “Shift+Ctrl+G” 또는 “Shift+Command+G”를 눌러 선택 항목의 그룹을 해제합니다.

PNG 내보내기 품질 설정

기본적으로 Figma는 32비트 RGBA PNG 파일을 지원합니다. 픽셀의 불투명도를 제어할 수 있으므로 유용합니다.

리소스를 압축할 때 이미지 품질이 저하되지 않기 때문에 PNG 형식이 선호되는 경우가 많습니다. 이것은 당신이 문제에 부딪힐 수 없다는 것을 의미하지는 않습니다. 많은 Figma 사용자는 웹에 사진을 업로드할 때 PNG 품질이 저하된다고 불평합니다. 그러나 그것이 반드시 Figma의 문제는 아닙니다. 이는 종종 다운로드를 처리하는 서버에서 수행한 압축 때문입니다.

다른 서버에서 압축할 때 이미지가 많이 손상되지 않도록 품질을 조정하기 위해 할 수 있는 일이 있습니다.

• 이미지를 선택하세요.

• 오른쪽 사이드바에서 “내보내기” 섹션을 선택합니다.

• “+” 기호를 클릭합니다.

• PNG 이미지 형식을 선택합니다.

• 크기 “2x”를 선택하십시오.

• 이미지 내보내기 버튼을 클릭합니다.

2x로 내보내면 PNG 해상도가 높아집니다. 이렇게 하면 사진을 소셜 미디어 플랫폼에 업로드할 때 사진이 흐려지거나 품질이 떨어질 가능성이 줄어듭니다.

고급 사용자이거나 특별한 이미지 요구 사항이 있는 경우 개체를 PNG로 내보내기 전에 픽셀 승수 값을 자유롭게 조정하십시오.

Figma에서 다른 형식으로 내보내는 방법

또한 Figma의 개체를 장치에 저장할 수 있는 다양한 파일 형식으로 빠르게 내보내는 방법을 배우는 데 관심이 있을 수도 있습니다.

JPG로 내보내기

다음 방법을 사용하여 이미지 레이어 또는 프레임을 JPG 파일로 내보냅니다.

• Figma에서 개체를 선택합니다.

• “내보내기” 섹션에서 “+” 아이콘을 클릭합니다.

• PNG에서 JPG 형식을 선택합니다.

• 필요한 경우 변경한 후 “내보내기” 버튼을 클릭합니다.

SVG로 내보내기

SVG 형식으로 파일을 내보내는 것은 많은 사용자에게 매우 유용할 수 있습니다. 완료 방법은 다음과 같습니다.

• Figma에서 하나 이상의 리소스를 선택하십시오.

• “내보내기”섹션으로 이동하십시오.

• “+” 기호를 클릭합니다.

• 목록에서 SVG를 선택합니다.

• “내보내기”를 클릭하십시오.

이미 선택한 파일 형식을 클릭하여 이 작업을 수행할 수도 있습니다. Figma는 마지막으로 내보낸 파일 형식을 기억합니다.

즉, 준비된 파일 형식을 클릭하여 드롭다운 메뉴를 열고 거기에서 SVG를 선택할 수 있습니다. “+” 기호와 파일 형식 버튼이 서로 가깝게 배치되어 두 방법 모두 똑같이 빠르게 작동합니다.

PDF로 내보내기

브로셔나 프리젠테이션 작업을 하는 경우 Figma에서 바로 PDF로 작업을 빠르게 내보낼 수 있습니다.

• PDF에 포함할 프레임을 선택합니다.

• “내보내기”섹션으로 이동하십시오.

• “+” 기호를 클릭합니다.

• 드롭다운 메뉴에서 PDF를 선택합니다.

• “내보내기”를 클릭하십시오.

때때로 Figma는 프레임을 올바른 순서로 정렬할 수 없습니다. 이를 방지하기 위해 이미지 압축기 를 사용할 수 있습니다 .

이것은 Figma에서 이미지를 축소 및 압축하고 PNG, JPG, PDF, GIF, WebP 등과 같은 다양한 형식으로 내보내는 초보자 친화적인 도구입니다.

사용하기 쉬운 소프트웨어

Figma는 상당히 간단한 웹 디자인 도구입니다. 이전에 몇 가지 사진 편집기를 사용한 적이 있다면 Figma에 쉽게 익숙해질 수 있습니다.

단순화된 사용자 인터페이스는 소프트웨어를 직관적으로 만듭니다. 또한 Figma로 출력 품질을 완벽하게 제어할 수 있으므로 오프사이트에서 압축할 때 품질 손실을 방지하기 위해 고유한 픽셀 승수를 설정할 수 있습니다.

자신의 이미지에 이 Figma 팁을 사용한 적이 있습니까? 아래 의견 섹션에서 어땠는지 알려주십시오.