영상 튜토리얼: 프레젠테이션을 Keynote로 내보내기

Pitchdeck 플러그인으로 Figma의 슬라이드 덱 프레젠테이션 디자인을 Keynote로 내보내는 방법을 안내하는 영상이에요.

영상 튜토리얼: Figma에서 내보낸 PowerPoint 파일에 마스터 슬라이드 추가하기

Pitchdeck 플러그인으로 Figma에서 PowerPoint 파일을 마스터 슬라이드와 함께 내보내는 방법을 안내하는 영상이에요.

영상 튜토리얼: Figma Slides를 Keynote로 내보내기

Pitchdeck 플러그인으로 Figma Slides의 덱을 Apple Keynote로 내보내는 방법을 안내하는 영상이에요.

이 옵션을 사용하려면 Pitchdeck 툴바에서 Export 버튼을 클릭한 다음, 프레젠테이션 내보내기 형식으로 Keynote (.pptx file) 옵션이 선택되어 있는지 확인하세요. 내보내기 설정을 마쳤으면 Export for Keynote 버튼을 클릭해 슬라이드 내보내기를 시작하세요.

Keynote로 내보낸 파일에는 Pitchdeck 애니메이션과 영상 임베드가 포함되지 않아요. 이런 재생 기능이 필요하면 브라우저 프레젠테이션을 사용하세요. MP4는 지원되는 모션과 첨부된 내레이션을 렌더링하고, 외부 임베드는 포스터 이미지로 표시해요.

Retina @2x 이미지 사용

2x Retina Images 토글 옵션을 켜면 모든 JPG와 PNG 이미지를 레티나(@2x) 해상도로 자동으로 내보내요. 프레젠테이션의 이미지가 더 선명해지지만, JPG와 PNG 이미지의 파일 크기도 커져요.

이미지 압축

Compress Images 토글 옵션을 켜면 프레젠테이션에 사용된 모든 JPG와 PNG 이미지를 압축해요.

Figma 레이어 채우기 크기 줄이기

Downsize Large Figma Image Fills 토글을 켜면 레이어의 모든 Figma 이미지 채우기를 실제 레이어 크기에 맞게 자동으로 줄이고 가볍게 압축해요. 처음에 고해상도 이미지를 Figma 파일로 가져온 다음, 원본의 큰 이미지 파일은 그대로 둔 채 레이어 크기만 훨씬 작게 줄였을 때 유용해요.

흔한 예로 Unsplash(또는 다른 스톡 사진 사이트나 플러그인)에서 큰 이미지를 추가한 다음, 그 레이어를 훨씬 작은 “카드”나 “아바타” 이미지로 쓰려고 크기를 줄이는 경우가 있어요. 이렇게 하면 Figma 파일의 성능이 느려지고, Pitchdeck 내보내기 옵션으로 이런 레이어를 내보낼 때 충돌이 생길 수도 있어요. 이 기능을 사용하면 파일 크기를 줄이고 Figma 파일의 페이지 성능을 높일 수 있어요.

편집 가능한 텍스트 사용

Use Editable Text를 켜면 일반 Figma 텍스트는 중첩 프레임, 그룹, Auto Layout 안에서도 편집 가능하게 유지됩니다. Smart Auto Layout 설정과 관계없으며 중첩만으로 이미지로 바꾸지 않습니다. 옵션을 끄면 텍스트는 이미지에 포함됩니다. 텍스트나 부모 레이어 이름의 [PNG]는 이미지 출력을 지정합니다. 이미 벡터나 이미지로 변환된 글자는 복원할 수 없습니다.

지원되지 않는 마스크, 잘림, 효과, 그라데이션/이미지 채우기 또는 분리할 수 없는 겹침에 의존하는 텍스트는 모양을 보존하기 위해 이미지로 유지될 수 있습니다. 내보내기 경고에 해당 레이어와 이유가 표시됩니다. 나머지 텍스트는 편집 가능하며 누락된 폰트와 단순화된 스타일은 별도로 안내합니다. 링크로 레이어를 확인하고, 편집이 더 중요하면 효과를 제거하거나 그룹을 이미지로 보존하려면 [PNG]를 추가하세요.

지원되는 원형 및 타원형 경로는 PowerPoint에서 편집 가능한 WordArt로 유지됩니다. 미지원 경로는 이미지로 유지되며 경고에 표시됩니다. Google Slides와 Keynote는 경로 텍스트를 직선이나 개별 문자 상자로 바꾸지 않고 이미지로 유지합니다.

편집 가능한 텍스트를 켜면, 내보낸 .pptx에 Figma에서 잘렸거나, 마스크되었거나, 투명하거나, 다른 레이어에 가려진 부분까지 레이어의 전체 텍스트가 남을 수 있어요. 이런 부분은 프레젠테이션을 편집할 때 보일 수 있어요. 포함하고 싶지 않은 텍스트는 내보내기 전에 원본 레이어에서 지우세요.

Smart Auto Layout을 끄면 Pitchdeck은 중첩된 텍스트를 바깥으로 꺼내고, 직속 하위 아트워크는 따로 움직일 수 있는 개체로 유지하며, 나머지 아트워크는 하나의 슬라이드 배경 이미지로 합쳐요. 인접 레이어와의 클리핑이나 블렌딩에 의존하는 아트워크는 합성된 배경에 남아요.

사용자 지정 폰트가 설치되어 있거나 대체되었는지 확인하세요. Figma에서 사용한 폰트가 설치되지 않은 컴퓨터에서 내보낸 .pptx 파일을 열면 텍스트가 Figma 디자인과 다르게 보여요. 필요한 폰트를 설치하거나, 필요한 경우 PowerPoint/Keynote/Google Slides에서 누락된 폰트를 바꾸거나 대체하세요.

.pptx 파일을 내보낼 때 특정 레이어를 서식 있는 텍스트로 렌더링하지 않으려면, 텍스트 레이어를 포함하는 상위 레이어(예: Frame, Group, Component, Instance)의 레이어 이름 어딘가에 [PNG]를 넣으세요. 그러면 PowerPoint로 내보낼 때 해당 상위 레이어 안의 중첩된 텍스트 레이어를 서식 있는 텍스트로 내보내지 않고, 레이어 전체를 정적 이미지로 렌더링해요. 텍스트 레이어 자체의 이름에 [PNG]를 추가할 수도 있어요. 이 예외는 Use Editable Text를 켜도 적용돼요.

마스터 슬라이드 자리표시자로 사용되는 텍스트는 텍스트 레이어당 투명도 값 하나만 지원해요. Figma 텍스트 레이어 하나에 서로 다른 불투명도 값이 섞여 있고, 마스터 레이아웃에서 그 차이를 편집 가능한 상태로 유지해야 한다면, 내보내기 전에 별도의 텍스트 레이어로 나누세요.

Auto Layout과 중첩 레이어를 편집 가능하게 유지하기(Beta)

Smart Auto Layout & Nested Layers (Beta)를 켜면 Auto Layout 컨테이너를 포함해 안전한 레이아웃 형태의 프레임, 그룹, 컴포넌트, 인스턴스의 하위 요소를 Figma에서의 위치를 유지한 채 별도의 개체로 내보내요. 텍스트가 아닌 개체는 상대적인 쌓임 순서를 유지하고, 편집 가능한 텍스트는 그 위에 배치돼요. 안전한 컨테이너에 자체 채우기가 있으면, Pitchdeck은 그 배경을 지원되는 하위 요소 아래에 별도로 내보내요. 중첩 텍스트 레이어를 편집 가능하게 유지하려면 Use Editable Text와 함께 사용하세요. Beta 기능은 중첩 레이어 분해만 제어하며, 아래에 설명된 텍스트, 투명도, 기본 도형 관련 개선 사항은 모든 PPTX 내보내기에 적용돼요.

Pitchdeck은 지원되는 단색 사각형, 타원, 끝이 평평한 선, 투명도, 개별 테두리(예: 아래쪽 테두리)를 프레젠테이션의 기본 도형으로 유지해요. Beta 기능을 켜면 안전한 컨테이너 안에 중첩된 지원 텍스트, 글머리 기호, 아이콘, 이미지, 선도 컨테이너 배경과 분리된 상태로 유지할 수 있어요. 벡터로만 이루어진 아이콘과 로고 구성은 개별 패스로 나뉘지 않고 선택 가능한 개체 하나로 함께 유지돼요.

PowerPoint로 내보낼 때는 벡터 아트워크의 지원되는 단순 원형 윤곽선도 편집 가능한 기본 도형으로 유지될 수 있어요. 점선 타원은 점선 간격을 보존하기 위해 아트워크로 남아요.

PowerPoint와 Keynote는 .pptx에 저장된 편집 가능한 텍스트의 투명도를 유지해요. Google Slides는 변환 과정에서 기본 도형과 선의 투명도는 유지하지만, 기본 텍스트 색상 모델이 투명도를 지원하지 않아 편집 가능한 텍스트 색상을 불투명하게 만들 수 있어요. Google Slides에서 편집 가능 여부보다 반투명한 텍스트 모양이 더 중요하다면, 해당 텍스트 레이어나 상위 레이어 이름에 [PNG]를 추가하세요. 그러면 Pitchdeck이 그 모양을 이미지로 유지해요.

Smart Auto Layout은 선택 사항이며 Figma 원본을 변경하지 않습니다. 안전하게 분리할 수 있는 텍스트와 아트워크는 분리하고, 분리할 수 없는 구성은 이미지로 유지하며 해당 텍스트를 경고에 표시합니다.

글머리 기호/번호 목록 렌더링

Render Bullet/Number Lists 옵션을 켜면 Figma 텍스트 레이어에서 만든 목록이 그대로 유지된 .pptx 파일을 내보내요.

Figma 목록에서 줄바꿈(Enter)마다 PowerPoint 호환 내보내기의 새 글머리 기호나 번호 항목이 돼요. 소프트 줄바꿈은 현재 항목 안에 남고, 번호 목록은 순서대로 이어지며, 같은 텍스트 레이어 안에서 일반 단락은 목록 단락과 함께 목록이 아닌 상태로 남을 수 있어요.

Google Slides는 별도의 변환 방식을 사용해요. Google Slides에서 가장 예측 가능한 결과를 얻으려면 목록마다 별도의 Figma 텍스트 레이어를 사용하고, 일반 텍스트는 다른 레이어로 옮기세요.

슬라이드 번호 포함

Include Slide Number 옵션을 켜면 페이지 번호가 포함된 .pptx 파일을 내보내요. 지정한 위치에 각 슬라이드의 페이지 번호가 자동으로 추가돼요. 슬라이드 번호 위치를 바꾸려면 horizontal(Left, Center, Right 중 선택)과 vertical(Top, Center, Bottom 중 선택) 위치 선택 상자를 클릭하세요.

Figma 컴포넌트를 마스터 슬라이드로 사용

영상 튜토리얼: Figma에서 내보낸 PowerPoint 파일에 마스터 슬라이드 추가하기(영어)

Pitchdeck 플러그인으로 Figma에서 마스터 슬라이드가 포함된 PowerPoint 파일을 내보내는 방법을 영상으로 안내해요.

Create Master Slides from Components 옵션을 켜면 Figma 컴포넌트로 만든 슬라이드가 자동으로 “마스터 슬라이드”로 사용되는 .pptx 파일을 내보내요. 마스터 슬라이드는 PowerPoint, Keynote, Google Slides에서 새 슬라이드를 만드는 템플릿으로 재사용할 수 있어요.

이미지 자리표시자는 PowerPoint에서만 지원돼요. PowerPoint 내보내기 옵션을 선택하면 (잠기지 않은) 이미지가 마스터 슬라이드의 자리표시자로 바뀌어요(아래 팁 참고). 아쉽게도 Google Slides와 Keynote 내보내기 옵션은 이미지 자리표시자를 지원하지 않으므로, 마스터 슬라이드 템플릿의 이미지 콘텐츠는 정적으로 유지돼요.

특정 이미지 레이어가 자리표시자 상자로 바뀌지 않게 하기. 기본적으로 슬라이드 배경을 제외한 모든 이미지는 마스터 슬라이드의 자리표시자 슬롯으로 바뀌어요. 일부 이미지 요소를 정적으로 유지하고 싶다면 Figma 메인 레이어 패널에서 해당 Figma 레이어를 Lock하세요. 잠긴 이미지 레이어는 마스터 슬라이드에서 “그대로” 유지돼요.

PowerPoint에서 마스터 슬라이드를 편집한 뒤 슬라이드 새로 고치기. PowerPoint에서 마스터 슬라이드를 업데이트했는데 그 레이아웃을 이미 사용하는 슬라이드에 변경 사항이 바로 나타나지 않는다면, 해당 슬라이드를 선택하고 Home > Reset(New Slide 옆)을 클릭해 레이아웃을 다시 적용하고 상속된 서식을 새로 고치세요. 짧은 영상 안내(영어)도 참고하세요.

.pptx 파일 다운로드

Export 버튼을 클릭하면 .pptx 파일을 다운로드할 준비가 되었다는 확인 화면이 표시돼요. Figma에서 컴퓨터로 .pptx 파일을 다운로드하려면 Pitchdeck 플러그인에서 Download your .pptx file 버튼을 클릭하세요.

Figma에서 다운로드한 파일 저장하기 Figma 데스크톱 앱을 사용한다면 파일을 다운로드하라는 안내가 표시돼요. 하지만 웹 브라우저에서 Figma를 사용한다면 기본적으로 파일이 컴퓨터에 자동으로 다운로드돼요(보통 컴퓨터의 Downloads 폴더에 저장돼요).

Keynote로 .pptx 파일 열기

.pptx 파일을 다운로드했으면 파일을 마우스 오른쪽 버튼으로 클릭하고 Open With에서 Keynote 앱을 클릭해, Mac에 설치된 Keynote 앱으로 파일을 열 수 있어요.