피그마 프로토타입을 PDF에 넣는 방법
PDF에 피그마(Figma) 프로토타입을 넣을 수 있습니다. FeatPaper 모션 에디터의 EMBED 탭에 피그마 링크를 붙여넣으면 피그마의 임베드 플레이어로 바뀌어, 열람인이 제안서나 기획서 페이지 안에서 화면을 직접 눌러 보며 흐름을 확인합니다.
이럴 때 쓰세요
섹션 제목: “이럴 때 쓰세요”- 디자인 제안서·기획서에 클릭해 볼 수 있는 프로토타입을 넣을 때
- 투자 IR 자료에 제품 화면 흐름을 보여 줄 때
- 고객사에 보내는 시안 검토 문서에 최신 디자인 파일을 붙일 때
- 사내 온보딩 문서에 디자인 시스템 파일을 연결할 때
링크 준비하기
섹션 제목: “링크 준비하기”피그마 파일·디자인·프로토타입 링크를 그대로 붙여넣으면 됩니다. FeatPaper가 피그마의 임베드 플레이어 주소로 바꿔 줍니다. 주소에 www.가 있어야 합니다.
https://www.figma.com/proto/<파일키>/...https://www.figma.com/design/<파일키>/...https://www.figma.com/file/<파일키>/...https://www.figma.com/embed?...- 피그마에서 파일이나 프로토타입을 엽니다.
- 오른쪽 위 Share(공유)를 누릅니다.
- 링크를 가진 누구나 볼 수 있도록(Anyone with the link · can view) 공유 범위를 설정합니다.
- Copy link로 링크를 복사합니다. 프로토타입을 보여 주려면 프레젠테이션(재생) 화면의 링크를 복사하세요.
FeatPaper에 넣기
섹션 제목: “FeatPaper에 넣기”피그마 링크가 준비됐다면 모션 에디터에서 EMBED 탭으로 넣습니다. 편집 권한이 있는 관리자만 할 수 있습니다.
콘텐츠 탭에서 모션 에디터 열기
문서 상세의 콘텐츠 탭에서 영상·링크 추가 카드를 누르면 전체 화면 에디터가 열립니다.
피그마를 넣을 페이지 고르기
왼쪽 사이드바에서 피그마를 보여 줄 페이지를 클릭합니다.
EMBED 탭에 링크 붙여넣기
위쪽 도구 막대에서 EMBED 를 누르고 임베드 링크 입력 칸에 링크를 붙여넣은 뒤 추가 를 누릅니다. iframe 코드를 통째로 붙여넣어도 src="…" 주소만 뽑아서 씁니다.
위치와 크기 맞추기
피그마 영역은 페이지 너비의 50%, 16:9 비율로 가운데에 놓입니다. 드래그해서 옮기고 모서리 핸들로 크기를 바꿉니다. 비율이 고정돼 있지 않아 자유롭게 늘릴 수 있고, 필요하면 비율 고정 을 누릅니다.
저장하고 나가기
오른쪽 위 SAVE & EXIT 를 누르면 저장됩니다.
열람인에게는 이렇게 보입니다
섹션 제목: “열람인에게는 이렇게 보입니다”- PC — 공유 링크로 연 열람 화면에서 피그마 플레이어가 페이지 안에 떠서, 프로토타입이면 화면을 눌러 넘겨 볼 수 있습니다.
- 모바일 — 페이지에는 흐릿한 카드가 보이고, 카드를 누르면 아래에서 올라오는 전체 화면으로 피그마가 열립니다.
- PDF로 받았을 때 — PDF 안에서는 피그마가 재생·동작하지 않습니다. 그 자리에 서비스 로고가 들어가고, 누르면 열람 화면의 해당 페이지로 이동합니다. 페이지 오른쪽 아래에는 QR 코드가 붙습니다(문서의 QR 설정을 꺼 두면 붙지 않습니다).
이런 점은 미리 알아 두세요
섹션 제목: “이런 점은 미리 알아 두세요”- 피그마 같은 EMBED는 어느 플랜에서나 쓸 수 있고, 문서당 영상·GIF 개수에 포함되지 않으며 용량 제한도 없습니다. 개수 한도(Starter 3개 / Pro 5개 / Business 무제한)는 직접 올린 영상 파일과 GIF에만 적용됩니다.
- 에디터는 링크 형식만 검사합니다. 실제로 내용이 보일지는 피그마의 공유 설정에 달려 있으니, 저장 후 공유 링크로 한 번 열어 확인하세요.
- 문서를 새 버전으로 업데이트하면 모션이 자동으로 옮겨지지 않습니다. 업데이트 후 에디터를 열 때 나오는 이전 버전의 모션컨텐츠를 복사하시겠습니까? 에서 복사하면 같은 페이지·같은 위치로 옮겨집니다.
- 피그마 파일을 고치면 임베드에도 최신 내용이 보입니다. 보낸 뒤에 시안이 바뀔 수 있다는 점을 염두에 두세요.
- 피그마 요금제·조직 설정에 따라 외부 공유가 막혀 있을 수 있습니다. 이 경우 피그마 관리자에게 확인하세요.
자주 묻는 질문
섹션 제목: “자주 묻는 질문”링크를 넣었는데 '지원하지 않는 embed url 입니다'가 떠요
에디터가 받아들이는 링크 형식이 아니라는 뜻입니다. 주소가 https://www.figma.com/으로 시작하고 file·design·proto·embed 중 하나가 들어 있는지 확인하세요. www.가 빠진 링크가 가장 흔한 원인입니다.
피그마 화면에 로그인하라는 창이 떠요
파일 공유 범위가 초대한 사람으로 제한돼 있어서입니다. 피그마 Share에서 링크를 가진 누구나 볼 수 있게 바꾸면 열람인이 로그인 없이 봅니다.
프로토타입 말고 디자인 파일도 넣을 수 있나요?
네. design·file 링크도 받습니다. 다만 제안서에서 흐름을 보여 주려면 프로토타입 링크가 더 적합합니다.
모바일에서는 어떻게 보이나요?
페이지에 흐릿한 카드가 먼저 보이고, 열람인이 카드를 누르면 피그마가 전체 화면으로 열립니다. 작은 화면에서 억지로 줄여 보여 주지 않기 위한 동작입니다.
PDF로 받으면 어떻게 되나요?
PDF에서는 피그마가 동작하지 않아 서비스 로고로 바뀝니다. 로고를 누르거나 페이지 오른쪽 아래 QR 코드를 찍으면 열람 화면의 그 페이지로 연결됩니다.
공식 가이드
섹션 제목: “공식 가이드”핵심 정리
섹션 제목: “핵심 정리”- 피그마는 EMBED 탭에
www.figma.com파일·디자인·프로토타입 링크로 넣습니다. - 링크를 가진 누구나 볼 수 있게 공유해야 열람인에게 보입니다.
- 모바일은 카드 → 전체 화면, PDF는 로고 + QR 코드로 바뀝니다.
- EMBED는 모든 플랜에서 개수·용량 제한 없이 씁니다.