'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Figma에서 내보내기
시작하기 전에
이 기능을 사용할 수 있는 사용자
모든 요금제에서 사용 가능
파일 소유자가 파일 복사 및 공유를 제한하지 않았다면 파일에 대한 보기 가능 액세스 권한이 있는 모든 사용자가 자산을 내보낼 수 있음
파일에 대한 편집 가능 액세스 권한이 있는 모든 사용자가 슬라이스 도구를 사용할 수 있음
콘텐츠를 내보내 다른 사용자와 디자인을 공유하고, 도구 간에 콘텐츠를 이동하고, Figma 외부에 작업 사본을 저장하세요.
팁: 디자인 도구 간에 복사 및 붙여넣기가 가능한 개체가 있습니다. 개체를 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 복사/붙여넣기에 마우스 커서를 올린 다음 PNG로 복사 또는 SVG로 복사를 선택하세요.
내보낼 콘텐츠 선택
Figma design에서 다음 콘텐츠를 내보낼 수 있습니다.
- 레이어, 프레임, 구성요소, 그룹, 선택 항목. 다음에 관해 자세히 알아보세요. Figma에서 개체 선택 →
- 캔버스에서 슬라이스 도구를 사용하는 부분
- 특정 페이지의 전체 캔버스
- 전체 파일(.fig 파일). 다음에 관해 자세히 알아보세요. 파일의 로컬 사본 저장 →
슬라이스 도구를 사용해 디자인 일부를 선택하고 내보내기
파일에 대한 편집 가능 액세스 권한이 있는 경우 슬라이스 도구를 사용해 캔버스의 일부를 선택하고 내보낼 수 있습니다. 이 기능은 디자인 워크플로의 일부를 공유하거나 고품질 스크린샷을 만들 때 유용합니다.
슬라이스 도구는 툴바의 영역 도구 드롭다운 아래에 있습니다. 슬라이스를 만들려면 슬라이스 도구를 클릭하고 내보내려는 지역으로 드래그하세요. 필요에 따라 슬라이스를 움직이고 크기를 조정할 수 있습니다. 슬라이스 경계 내에 있는 콘텐츠만 내보낼 수 있다는 점을 유의하세요. 원하는 위치로 슬라이스를 옮겼다면 다른 개체와 마찬가지로 슬라이스에 내보내기 구성을 적용할 수 있습니다.
팁: 슬라이스를 사용해 내보낸 개체 주변의 패딩을 제어할 수도 있습니다. 그렇지 않으면 전체적인 도형 경계에 따라 패딩이 계산됩니다. 슬라이스로 제어되지 않는 패딩은 도형 크기가 바뀌면 조정되지만 슬라이스는 절대적으로 유지됩니다.
내보내기 설정 찾기
내보낼 콘텐츠를 선택했다면 내보내기 섹션의 설정을 사용해 내보내기 구성을 만들 수 있습니다. 내보내기 섹션의 위치는 파일에 대한 액세스 권한 수준 및 사용 중인 모드에 따라 달라집니다.
참고: 내보내기 섹션이 표시되지 않는 경우 페이지를 새로고침해 보세요. 그래도 효과가 없다면 뷰어가 파일을 복사하거나 파일에서 자산을 내보낼 수 없도록 파일 소유자가 제한을 설정한 것일 수 있습니다. 다음에 관해 자세히 알아보세요. 파일 복사 및 공유 제한 →
디자인 모드
파일에 대한 편집 가능 액세스 권한이 있는 경우 내보내기 섹션이 오른쪽 사이드바 하단에 표시됩니다.
파일에 대한 보기 가능 액세스 권한이 있는 경우 내보내기 섹션이 오른쪽 사이드바의 내보내기 탭 아래에 표시됩니다.
개발 모드
개발 모드를 사용하고 있다면 선택한 개체가 있을 때만 오른쪽 사이드바에 내보내기 섹션이 표시됩니다.
내보내기 구성 추가
내보내기 섹션을 사용해 선택한 항목에 적용할 파일 서식 및 내보내기 설정을 선택하세요.
- 내보낼 레이어를 선택합니다. 현재 페이지의 전체 캔버스를 내보내려면 캔버스에 있는 모든 개체를 선택 해제하세요.
- 내보내기 섹션에서 더하기 기호를 클릭하여 내보내기 구성을 추가합니다. 선택한 항목에 내보내기 구성을 필요한 만큼 추가할 수 있습니다.
- 내보내기 설정을 구성합니다. 다음에 관해 자세히 알아보세요. Figma의 내보내기 서식 및 설정 →
팁: 채우기가 있는 프레임을 내보내는 경우 오른쪽 사이드바의 채우기 섹션에서 내보낸 파일에서 표시 체크박스를 선택 해제하면 내보낸 파일에서 채우기를 숨길 수 있습니다.
- (선택사항) 미리보기를 클릭하여 자산이 어떻게 표시되는지 확인합니다. 여러 개의 개체를 선택한 경우 미리보기 설정이 표시되지 않습니다.
- 내보내기를 클릭합니다.
브라우저에서 Figma를 사용하고 있다면 내보내기 파일이 브라우저 환경설정에서 설정된 다운로드 위치로 보내집니다. Figma 데스크톱 앱을 사용하고 있다면 파일 이름을 변경하고 내보내기 항목을 보낼 위치를 선택하라는 메시지가 표시됩니다.
참고: 슬래시로 구분하는 이름 지정 방식을 사용하는 경우 내보낸 개체가 이러한 이름 지정 구조를 따르는 중첩 폴더에 들어갑니다. 예를 들어 “button/pill/default”라는 레이어를 내보내면 “button” 폴더, “pill” 폴더에 중첩되어 내보내지며, 파일 이름은 “default”로 지정됩니다.
내보내기 구성이 적용된 모든 선택 항목을 일괄적으로 내보내기
현재 페이지에서 내보내기 구성이 적용된 선택한 모든 항목을 일괄적으로 내보낼 수 있습니다.
-
메인 메뉴를 클릭하고 옵션에서 파일 및 내보내기를 선택합니다. 다음과 같은 단축키를 사용할 수도 있습니다.
- Mac: Shift Command E
- Windows: Shift Ctrl E
- 내보내기 구성이 적용된 모든 선택 항목이 내보내기 모달에 표시됩니다. 각 선택 항목마다 다음 작업을 할 수 있습니다.
- 자산의 눈금, 서식, 크기 확인
- 썸네일 또는 레이어 이름에 마우스 커서를 올려 내보낸 파일 이름 보기
- 썸네일을 클릭하여 캔버스에서 해당 선택 항목 보기
- 내보내지 않으려는 선택 항목 옆에 있는 체크박스 선택 해제
- 내보내기를 클릭하여 선택한 자산을 내보냅니다.