무료 도구 · 브라우저에서 실행

노션 마인드맵 만들기

노션에는 마인드맵 기능이 내장되어 있지 않지만, 코드 블록으로 Mermaid 다이어그램을 그릴 수 있어요. 들여쓰기를 사용해 목록을 작성한 다음, 생성된 코드를 노션에 붙여넣으세요. 입력한 내용은 브라우저 밖으로 전송되지 않아요.

1개요

한 줄에 아이디어 하나 · 들여쓰기 = 가지 · 유형:

2결과

미리보기 · 노션용 코드
mermaid

노션에 붙여넣기

  1. 1노션 페이지에서 /code를 입력하고 Enter를 눌러 코드 블록을 추가하세요.
  2. 2블록 모서리에 있는 언어 이름을 클릭하고 Mermaid를 선택하세요.
  3. 3코드를 붙여넣고 블록 보기를 미리보기 또는 분할로 바꾸세요.
마인드맵이 표시되지 않는다면Mermaid의 mindmap 유형은 기존 다이어그램 유형보다 나중에 추가되었고, 노션은 탑재된 Mermaid 버전으로 다이어그램을 표시해요. 위에서 “트리 →” 또는 “트리 ↓”를 선택하세요. 같은 가지 구조를 항상 작동하는 기존 순서도 문법으로 만들어 줘요. 노션은 자체 색상으로 다이어그램을 그려요.

Mermaid 마인드맵으로 할 수 있는 것과 없는 것

목록을 정적인 그림으로 보여 주는 방식이에요. 빠르게 만들고 텍스트로 쉽게 수정할 수 있지만, 노드가 노션 페이지로 연결되는 링크는 아니에요. 백링크, 데이터베이스 관계, 멘션을 통해 페이지가 실제로 어떻게 연결되어 있는지 보여 주는 맵은 워크스페이스 자체를 바탕으로 자동으로 만들 수 있어요.

다른 방법도 솔직하게 비교해 봤어요: 노션 마인드맵: 실제로 만드는 다섯 가지 방법.

자주 묻는 질문

무료인가요? 계정이 필요한가요?

무료이며 계정도 필요 없어요. 코드는 브라우저에서 생성되고, 입력한 텍스트는 어디에도 전송되지 않아요.

개요는 어떻게 작성하나요?

한 줄에 아이디어를 하나씩 적으세요. 공백이나 Tab으로 줄을 들여쓰면 윗줄에서 뻗어 나오는 가지가 돼요. “-”나 “1.” 같은 글머리 기호와 마크다운 제목도 인식하므로, 노션이나 문서에서 목록을 복사해 붙여넣을 수 있어요.

노션에 붙여넣은 뒤에도 다이어그램을 수정할 수 있나요?

네, 코드 블록 안의 일반 텍스트라서 수정할 수 있어요. 노션에서 코드의 각 줄을 직접 수정하거나, 여기로 돌아와 개요를 바꾸고 새 코드를 붙여넣으세요.

노션에서 내 실제 페이지들의 마인드맵을 만들 수 있나요?

노션만으로는 할 수 없어요. IVGraph는 워크스페이스에 연결해 모든 페이지와 백링크, 데이터베이스 관계를 인터랙티브 3D 그래프로 그려 줘요. 개요를 입력할 필요도 없어요.

워크스페이스에 이미 담긴 맵을 만나 보세요

노션을 연결하고 모든 페이지와 관계를 3D로 탐색하세요. 노드 500개까지 무료예요.

노션으로 로그인