[Notion] 노션 외부 콘텐츠 임베드 완전 정리 (유튜브·구글·피그마 등)

노션에 외부 콘텐츠를 쉽게 추가하기

---

ChatGPT 생성형 이미지

 

노션에 유튜브, 구글, 피그마 등 다양한 외부 콘텐츠를 쉽게 임베드하는 방법을 단계별로 알아보려고 합니다.

 

노션은 노트를 뛰어 넘어 유튜브 영상, 구글 문서, 피그마 디자인 등 다양한 콘텐츠를 한 화면에서 함께 볼 수 있습니다.

이것을 임베드(Embed)라고 부릅니다.

임베드를 활용하면 노션 안에서 문서를 보고, 영상을 제작하고, 디자인을 검토할 수 있습니다.

즉, 일의 속도와 효율을 크게 올릴 수 있는 점입니다.

이 글을 통해서 가장 많이 사용되는 외부 서비스(유튜브, 구글, 피그마)를 기준으로 임베드하는 법을 쉽게 알아보겠습니다.

 

임베드 개념과 원리

임베드란?

임베드는 다른 사이트의 내용을 노션 안에 '직접 표시'하는 기능입니다.

예를 들어 "유튜브 링크를 넣으면 노션 안에서 바로 영상을 재생하는 것" 이렇게 생각하시면 됩니다.

 

• 임베드 vs 북마크 차이
  • 임베드: 콘텐츠가 화면에 직접 나타납니다.
  • 북마크: 링크 미리보기 카드로 표시됩니다.
  • 영상을 재생하거나 지도를 움직이고 싶다면 임베드, 단순한 링크 정리용이라면 북마크가 좋습니다.
• 임베드 전 꼭 확인할 점
  • 콘텐츠의 공개 범위를 "링크 있는 모든 사용자 보기"로 바꿔야 합니다.
  • 피그마, 구글 문서, 유튜브 모드 이 설정이 중요합니다.
  • 권한이 제한되면 "보이지 않음" 오류가 발생합니다.

서비스별 실전 방법

유튜브 임베드

• 영상에서 공유 > 링크복사
• 노션에 붙여넣기 "embed" 선택
• 화면이 잘리면 블록 모서리를 드래그해 크기 조절

유튜브 임베드 (유튜브 채널 올끌)

구글 문서, 시트, 슬라이드

• 구글 파일 > 공유 설정 > 링크 있는 모든 사용자 보기
• 노션에 링크 붙여넣기 "Paste as preview" 선택
• 드라이브 통합 (/google 명령)으로 더 안정적으로 연결 가능

구글 지도

• 구글 지도 > 장소 검색 > 주소창 링크 복사
• 노션에 붙여넣기 > "Embed" 선택
• 페이지 안에서 바로 지도 탐색 가능

피그마

• Share > Copy link
• 링크 접근 권한 "Anyone with the link"
• 노션 /figma 또는 "Embed"로 붙여 넣기
• 프레임 단위로 복사하면 깔끔하게 미리 보기 가능

노션 피그마 임베드

그럼 조금만 더 알아보도록 하겠습니다.

---

• 임베드와 북마크의 차이는 무엇인가요?
  
  • 임베드는 콘텐츠를 바로 보여주는 기능입니다.
  • 북마크는 링크만 카드 형태로 보여주는 기능입니다.
  • 예를 들어 유튜브를 임베드하면 재생 버튼이 바로 보이지만, 북마크는 제목과 썸네일만 표시됩니다.
  • 영상과 지도를 직접 조작하고 싶을 때는 임베드가 좋습니다.
  • 반대로 링크 모음처럼 정리할 때는 북마크가 간단하고 빠릅니다.
  • 페이지가 무거워질수록 로딩이 느려지므로 필요한 부분만 임베드하는 걸 추천드립니다.
• 임베드가 회색 박스로만 나와요
  
  • 가장 흔한 이유는 공개 설정이 닫혀 있어서 그렇습니다.
  • 원본 서비스에서 "링크 있는 모든 사용자 보기"로 바꿔주면 됩니다.
  • 피그마나 구글 문서의 경우 권한이 제한되어 있으면 미리 보기가 차단됩니다.
  • 노션 데스크톱보다 브라우저에서 먼저 테스트해 보는 것이 좋습니다.
  • 그래도 안 보인다면 광고 차단 플러그인이나 추적 차단 기능을 꺼보는 걸 추천드립니다.
• 유튜브 영상이 '재생 불가'로 나와요
  
  • 비공개 영상이거나, 어린이 보호 콘텐츠인 경우 재생이 제한됩니다.
  • 또한 "내장 허용"이 꺼져 있는 영상은 임베드되지 않습니다.
  • 이럴 때는 일반 공개 또는 미등록 영상으로 바꾸면 대부분 해결됩니다.
  • 회사망에서는 유튜브가 차단된 경우도 있으니 네트워크도 점검해 봐야 합니다.
• 구글 문서가 안 보여요
  
  • 공유 설정을 "링크 있는 모든 사용자 보기"로 바꿨는지 확인이 필요합니다.
  • 특히 회사 계정(Google Workspace)은 외부 공유가 제한될 수 있습니다.
  • 브라우저에서 구글 로그인 계정 여러 개면 혼동될 수 있으니, 시크릿 모드에서 테스트하면 정확합니다.
• 피그마 링크를 넣었는데 화면이 안 떠요
  
  • 피그마의 "링크 접근 권한"이 핵심입니다.
  • Anyone with the link > Can view로 바꿔주세요
  • 그리고 Top-level-frame을 선택해서 복사해야 깔끔하게 나옵니다.
  • 피그잼도 동일하며, 데스크톱보다 브라우저에서 안정적으로 임베드됩니다.
• 구글 드라이브 파일이 계속 로그인하라고 해요
  
  • 이건 "구글 계정 인증" 문제입니다.
  • 노션에 /google 입력 후 한 번 계정 연동을 해주면 해결됩니다.
  • 이후에는 자동으로 드라이브에 접근할 수 있습니다.
  • 파일 권한이 "조직 내부만 보기"로 되어 있으면 외부 사용자는 접근할 수 없습니다.
• PDF를 넣었는데 흐릿하게 보여요
  
  • PDF 해상도가 낮거나, 이미지 스캔본인 경우 그렇습니다.
  • 원본을 벡터 형태로 다시 저장하면 선명하게 표시됩니다.
  • 노션 페이지 안에서 확대해 보기보다는, 다운로드 링크를 함께 제공하는 것이 좋습니다.
• 임베드 크기를 세밀하게 조절하고 싶은데요
  
  • 마우스로 모서리를 잡고 드래그하면 조절 가능합니다.
  • 임베드 블록을 두열로 나누어 배치하면 더 깔끔합니다.
  • 너무 큰 화면은 스크롤이 불편하니, 중간 정도로 맞추는 게 좋습니다.
• 구글 지도는 왜 써야 할까요?
  
  • 노션 자체 지도 보기(View)는 데이터 베이스용입니다.
  • 구글 지도는 실제 위치 탐색용입니다.
  • 따라서 가게 위치나 회의 장소를 공유할 때는 구글 지도가 훨씬 직관적입니다.
  • 길 찾기 기능도 그대로 작동하므로 실무에서도 자주 활용됩니다.
• 영상이나 디자인을 많이 넣으면 느려질까요?
  
  • 임베드는 각각의 외부 콘텐츠를 불러오기 때문에 로딩 시간이 늘어납니다.
  • 중요한 것은 임베드하고, 나머지는 링크 형태로 정리하는 것이 효율적입니다.
  • 또는 토글 블록 아래에 넣어두면 페이지가 가벼워집니다.
• 회사 보안 정책 때문에 임베드가 차단되는데요
  
  • 이건 내부 방화벽이나 프록시 정책 문제입니다.
  • 관리자에게 노션, 유튜브, 피그마 같은 허용 도메인을 요청해야 합니다.
  • 또한 보안상 외부 계정 연결이 막혀 있으면 /google 명령이 동작하지 않습니다.
• 구글 슬라이드를 자동 재생하고 싶습니다.
  
  • 노션은 보안상 직접 HTML 코드를 삽입할 수 없습니다.
  • 따라서 자동 재생은 어렵고, 슬라이드 링크를 클릭해 새 탭으로 여는 방법만 가능합니다.
  • 발표용이라면 노션에는 썸네일만 임베드하고 원본 링크로 안내하는 게 좋습니다.
• 여러 구글 문서를 한 페이지에 임베드할 수 있나요?
  
  • 가능하지만 문서가 많을수록 페이지가 느려집니다.
  • 각 프로젝트별로 하나의 대표 문서만 임베드하고, 나머지는 링크 목록으로 관리해야 합니다.
• 구글 시트에서 자동으로 값이 경신될까요?
  
  • 원본 시트가 변경되면 임베드 화면도 자동 반영됩니다.
  • 다만 실시간 반영에는 몇 초의 지연이 있을 수 있습니다.
  • 필터나 조건부 서식도 그대로 보입니다.
• 피그마 임베드를 여러 개 넣어도 될까요?
  
  • 가능하지만, 프레임이 많으면 페이지가 무거워집니다.
  • 대표 시안만 넣고 나머지는 링크로 대체합니다.
  • 또는 노션 데이터베이스를 만들어 프로젝트별 링크를 정리하면 더 깔끔합니다.
• 임베드한 영상이 너무 작아요
  • 마우스로 블록 모서리를 드래그하면 크기를 조절할 수 있습니다.
  • 노션 페이지를 2열 구조로 바꾸고 영상 쪽을 넓히면 됩니다.
  • 너무 큰 영상은 스크롤에 방해되므로 화며 절반 정도가 적당합니다.
• 피그마 임베드가 가끔 안 보일 대는 왜 그런가요?
  
  • 피그마 서버나 인터넷 상태 문제일 수도 있습니다.
  • 또는 브라우저 쿠키/추적 차단이 걸린 경우입니다.
  • 브라우저를 바꿔 열어보거나, 광고 차단 플러그인을 꺼보세요
• 노션 모바일에서도 임베드가 잘 될까요?
  
  • 대부분 적용됩니다.
  • 다만 화면이 좁기 때문에 가로 스크롤이 생길 수 있습니다.
  • 모바일에서는 영상이 자동 재생되지 않으며, 지도가 잘릴 수도 있습니다.
  • 가능하면 모바일 사용자를 위해 캡션에 안내 문장을 추가해 주는 것이 좋습니다.
• 외부 링크가 사라지면 임베드도 사라질까요?
  
  • 임베드는 원본 데이터를 불러오기 때문에 원본이 삭제되면 표시되지 않습니다.
  • 중요 자료는 반드시 백업용 PDF 이미지로 함께 저장해야 합니다.
• 어떤 서비스까지 임베드가 가능할까요?
  
  • 노션은 유튜브, 구글, 피그마 외에도 Vimeo, SoundCloud, Spotify, Typeform, Miro, Canva 등 500개 이상을 지원합니다.
  • 다만 일부 서비스는 "공개 링크"만 지원하므로 로그인 기반 콘텐츠는 임베드되지 않습니다.
  • 새로운 서비스는 계속 추가 중으로 /embed로 시도해 보면 대부분 가능합니다.

노션 임베드는 단순한 꾸미기 기능이 아니라, 모든 정보를 한 화면에 모으는 기술입니다.

유튜브로 발표 영상을 보고, 구글 문서로 계획을 확인하고, 피그마로 디자인을 검토할 수 있습니다.

단, 권한 설정과 임베드 방식만 정확히 이해하면 누구나 막힘 없이 사용할 수 있습니다.

이 글을 따라 적용하다 보면 여러분의 노션 페이지도 한층 더 전문적이고 효율적으로 바뀔 것입니다.

 

읽어주셔서 감사합니다. 추가로 궁금하신 내용이 있으시다면 하단의 링크를 참고해 주세요

https://bit.ly/4oOavFw

[Notion] 노션 외부 링크 삽입과 하이퍼링크 정리 법

 

https://bit.ly/4qpRhYa

[Notion] 노션 구분선 단축키

 

https://bit.ly/4oeAjdZ

[Notion] 노션 글머리기호와 번호 매기기 사용법