영상 튜토리얼: 프레젠테이션을 Google Slides로 내보내기(영어)
Pitchdeck 플러그인으로 Figma의 슬라이드 덱 프레젠테이션 디자인을 Google Slides로 내보내는 방법을 영상으로 안내해요.
영상 튜토리얼: Figma에서 내보낸 PowerPoint 파일에 마스터 슬라이드 추가하기(영어)
Pitchdeck 플러그인으로 Figma에서 마스터 슬라이드가 포함된 PowerPoint 파일을 내보내는 방법을 영상으로 안내해요.
영상 튜토리얼: Figma Slides를 Google Slides로 내보내기(영어)
Pitchdeck 플러그인으로 Figma Slides의 덱을 Google Slides로 내보내는 방법을 영상으로 안내해요.
이 옵션을 사용하려면 Pitchdeck 툴바의 Export 버튼을 클릭한 다음, Google Slides 내보내기 형식 중 하나를 선택하세요.
- Google Slides (Direct API Upload)는 연결된 Google Drive에 새 프레젠테이션을 만들고 Google Slides에서 열어요. 먼저 내보내기 패널에서 Google 계정을 연결하세요. Pitchdeck은 Figma 파일이 바뀌어도 연결을 기억하며, 같은 패널에서 로그아웃하거나 계정을 바꿀 수 있어요.
- Google Slides (.pptx file)는 직접 가져올 수 있는 로컬
.pptx파일을 다운로드해요. Google 계정을 연결하고 싶지 않거나 로컬 사본이 필요할 때 계속 사용할 수 있어요.
나머지 내보내기 설정을 구성한 다음 Upload to Google Slides 또는 Export for Google Slides를 클릭해 시작하세요.
직접 업로드를 사용하면 프레젠테이션 데이터가 Pitchdeck 플러그인에서 Google Drive로 바로 전송돼요. Hypermatic의 OAuth 서비스는 연결만 도와줄 뿐, 프레젠테이션 파일을 저장하거나 중계하지 않아요.
애니메이션과 영상은 Google Slides용으로 내보낸 .pptx 파일에 포함되지 않아요. Pitchdeck 플러그인에 포함된 애니메이션이나 영상 임베드는 PowerPoint 내보내기에 포함되지 않아요. 이 기능은 Pitchdeck 웹 앱에 업로드한 프레젠테이션에서만 사용돼요.
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 폴더에 저장돼요).
기존 Google Slides 프레젠테이션 업데이트
Google Slides (Direct API Upload)를 사용하면 이전에 Pitchdeck의 직접 업로드로 만든 프레젠테이션을 교체할 수 있어요. 연결된 Google 계정이 해당 프레젠테이션의 소유자여야 해요.
- 내보낼 Figma 슬라이드를 선택하고 Google Slides 직접 업로드 설정을 여세요.
- Google Slides URL에서 프레젠테이션 ID(
/d/와/edit사이의 텍스트)를 복사하세요. - Update Existing Presentation (Optional)에 붙여 넣으세요.
- Replace the Entire Deck을 체크한 다음 Replace Google Slides Deck을 클릭하세요.
프레젠테이션 URL은 그대로 유지되지만, 모든 슬라이드 콘텐츠가 선택한 Figma 슬라이드로 교체돼요. Google Slides에서 편집한 내용을 보존해야 한다면 먼저 사본을 만드세요. 대신 새 프레젠테이션을 만들려면 ID를 비워 두세요.
중단된 직접 업로드 복구
업로드가 중단되면 Pitchdeck이 자동으로 복구를 시도해요. 내보내기 패널에 Retry Google Slides Upload가 표시되면 이 작업으로 기존 시도를 이어서 진행하세요. 직접 가져올 수 있도록 PPTX 백업을 다운로드할 수도 있어요. 결과가 확실하지 않다면 새로 내보내기 전에 Google Drive를 확인하세요.
Google Slides에서 .pptx 파일 열기
Google Slides에서 File, Open, Upload로 이동한 다음 .pptx 파일을 드래그 앤 드롭하면 파일을 열 수 있어요.
All을 클릭해 모든 슬라이드를 선택하고, Keep original theme 체크박스를 반드시 해제한 다음 Import slides를 클릭하세요.
Google Slides용 PPTX 파일의 사용자 지정 폰트 교체
Google Slides용 PPTX 파일로 내보내는 Figma 프레임에 Google Slides가 지원하지 않는 사용자 지정 폰트가 있다면, Figma의 기본 텍스트 스타일과 Description 입력 필드를 사용해 디자인을 PPTX로 내보낼 때 대신 사용할 폰트를 지정할 수 있어요.
대상 Figma 텍스트 레이어가 사용하는 텍스트 스타일의 Description 필드를 아래와 같은 JSON 문자열 형식으로 설정해야 해요.
{ "family": "Inter", "style": "Bold Italic" }
family 값(예: Inter)은 원하는 폰트 패밀리로 바꾸고, style 값은 해당 폰트 패밀리의 원하는 폰트 스타일(예: Regular, Bold 등)로 설정하세요. 사용하는 폰트 스타일을 지정한 폰트 패밀리가 지원하는지 확인하고, 폰트가 Google Font(Google Slides에서 자동으로 지원되고 로드됨)인지도 확인하세요.
폰트 크기도 덮어쓰고 싶다면 아래 예시처럼 JSON 문자열에 size(픽셀) 숫자 속성을 선택적으로 추가할 수 있어요(이 예시는 내보낸 PPTX 파일에서 폰트 크기를 64px로 설정해요).
{ "family": "Inter", "style": "Bold", "size": 64 }
관련 Pitchdeck 가이드
- Figma에서 Google Slides로 내보내는 단계별 튜토리얼(영어)을 따라 해 보세요.
- 로컬
.pptx파일이 필요하다면 PowerPoint 내보내기 워크플로와 비교해 보세요. - 프레젠테이션 디자인, 내보내기, 공유를 위한 Pitchdeck Figma 플러그인을 살펴보세요.