Get AI summaries of any video or article — Sign up free
Visual Zettelkasten thumbnail

Visual Zettelkasten

5 min read

Based on Zsolt's Visual Personal Knowledge Management's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.

TL;DR

Visual Zettelkasten treats an Excalidraw sketch as the atomic permanent note, eliminating the need to create a separate permanent note for the same idea.

Briefing

“Visual Zettelkasten” reframes Zettelkasten-style permanent notes by treating the visual sketch itself as the permanent note—so the illustration and the idea card live in the same file. The payoff is cleaner linking and fewer “bridges” between an image and the text that interprets it, which often makes idea connections harder to navigate.

Traditional Zettelkasten relies on creating separate atomic notes (“permanent notes”) and linking them together. In practice, that can feel like extra workflow steps for non-academic note-takers who already capture insights through sketches, diagrams, and simple visuals. The approach here starts from a common habit: when reading or taking notes, create quick visual representations to understand and retain concepts. The key shift is to stop treating those visuals as attachments that later need a separate permanent note; instead, the drawing becomes the atomic unit.

The method uses Excalidraw inside Obsidian, where drawings are stored as markdown documents with two synchronized views: an Excalidraw canvas view and a markdown view. Switching to the markdown side allows the user to add Zettelkasten-style metadata, links, and references directly “on the back” of the note card. In other words, the system flips the library card: one side is the visual (the front), and the other side is the permanent-note content (the back). Excalidraw’s markdown structure preserves a “front matter” section and a “text elements” section, leaving a flexible middle area where the permanent-note template and links can be placed.

Examples show the practical difference. In an earlier workflow, a permanent note would reference an image, meaning navigation and idea connections depended on a separate image-to-note relationship. That extra indirection can hinder how smoothly ideas connect. With the new approach, the drawing file is the permanent note itself. When the “double bubble map” drawing is opened, the permanent-note content and the visual are already unified, and child links point directly to related items in the vault. The result is a more direct “idea-to-graph” structure: the visual is not just evidence for a thought—it is the thought’s node.

Two technical behaviors stand out. First, embedding references can create recursion, but Excalidraw/image handling prevents an endless loop; Obsidian stops recursion after a few levels. Second, the unified file enables a reusable “idea section” that can be embedded elsewhere, along with the visual, without maintaining separate attachments. Finally, a newer Excalidraw/Obsidian integration feature supports multiple tags on a drawing and lets users define a primary “note type” field that controls how Excalidraw vs permanent-note styling appears in Excalidraw/Obsidian views.

The broader message is that visual thinking can be operationalized as an atomic knowledge system: sketches become permanent, linkable nodes. The creator also promotes a “Visual Thinking Workshop” (November 4 to December 9) aimed at strengthening summarization, problem-solving, and big-picture thinking through visual processing, including access to a demo Obsidian vault and office hours.

Cornell Notes

“Visual Zettelkasten” turns Excalidraw sketches into the actual atomic permanent notes, rather than keeping drawings as separate attachments. Because Excalidraw drawings are stored as markdown documents, the markdown “back side” can hold Zettelkasten-style front matter, templates, links, and references while the Excalidraw canvas provides the visual “front.” This removes the extra navigation step of linking a permanent note to an image, making idea connections cleaner. Examples like “myelination” and “eight thinking maps” show how child links and reusable idea sections work when the drawing and permanent note are one file. Newer Excalidraw/Obsidian features also allow defining a primary note type tag to control styling and document classification.

What problem does “Visual Zettelkasten” try to solve compared with a more traditional slip-box workflow?

Traditional Zettelkasten often requires creating a separate permanent note and then linking it to supporting material like illustrations. For non-academic workflows, that can feel like an extra step: the insight already exists in a sketch, but the system still demands a separate atomic note to “wrap” the idea. Visual Zettelkasten removes that friction by making the sketch itself the atomic permanent note, so the idea doesn’t live in one file and the explanation in another.

How does Excalidraw inside Obsidian make it possible for a drawing to function as a permanent note?

Excalidraw drawings are stored as markdown documents with two views: the Excalidraw canvas view and the markdown view. Switching to markdown view exposes a structure where metadata and templated content can be inserted. Excalidraw preserves front matter and text elements, leaving an editable region between them that can hold the permanent-note template, links, and references—effectively the “back side” of a library card.

What changes in linking and navigation when the drawing is the permanent note rather than an attachment?

When a permanent note references a separate image, navigation depends on an extra bridge: the note links to an image, and the image links back (or not) to the note. With Visual Zettelkasten, the drawing file is the permanent note, so related items link directly to the idea node. In the “double bubble map” example, the permanent note/drawing becomes the parent, and child links point to other vault items without routing through a separate image attachment.

Why does embedding a drawing inside its own note risk recursion, and what prevents it from going on indefinitely?

Embedding can create a recursive reference chain: a note includes an image, and that image’s markdown content can include an “idea section” that itself references the image. In the example, Obsidian stops recursion after about the fifth level. The behavior differs because images are processed differently than pure markdown text, so the system doesn’t loop forever.

How does the “idea section” enable reuse of summaries across the vault?

The drawing’s markdown includes an “idea section” that acts like a compact, reusable summary. When another document embeds that idea section, it can pull in both the text summary and the visual content. The key benefit is avoiding separate image attachments: the embedded unit is the same file that contains both the explanation and the diagram.

What does the “note type” feature add to Excalidraw/Obsidian document handling?

A newer feature allows multiple tags on an image and lets users define which tag is the primary “note type.” The primary note type controls the styling and classification when viewing in Excalidraw/Obsidian. Configuration includes changing the name of the style tag field (default: note type) and optionally hiding secondary style tags so a document can appear as purely a permanent note or purely a drawing depending on the chosen primary tag.

Review Questions

  1. In Visual Zettelkasten, what specific markdown region is used to place the permanent-note template, and why doesn’t it overwrite Excalidraw’s front matter or text elements?
  2. Compare the navigation/linking structure of a permanent note that references a separate image versus a drawing that is itself the permanent note. What “bridge” is removed?
  3. How does defining a primary “note type” tag change the way a drawing/permanent note is presented in Excalidraw/Obsidian views?

Key Points

  1. 1

    Visual Zettelkasten treats an Excalidraw sketch as the atomic permanent note, eliminating the need to create a separate permanent note for the same idea.

  2. 2

    Excalidraw drawings in Obsidian are markdown documents with two views, enabling a “front (drawing) / back (permanent-note content)” workflow.

  3. 3

    The permanent-note template and links can be placed in the editable markdown region between front matter and text elements, while Excalidraw preserves the rest.

  4. 4

    Unifying the drawing and permanent note removes an extra image-to-note navigation bridge, making idea connections cleaner and easier to follow.

  5. 5

    Embedding can create recursion when a note references an image that references back; Obsidian halts recursion after a limited depth.

  6. 6

    A newer Excalidraw/Obsidian feature lets users tag drawings with multiple types and designate a primary “note type” to control styling and document classification.

  7. 7

    A “Visual Thinking Workshop” runs November 4 to December 9 and includes sessions, office hours, and a demo Obsidian vault for practicing visual summarization and problem-solving.

Highlights

The core move is simple: stop attaching illustrations to separate permanent notes—make the illustration the permanent note itself.
Because Excalidraw drawings are markdown, the “back side” of the card can hold links, references, and templates without breaking the drawing.
When the drawing is the node, child links connect directly to the idea, avoiding the extra indirection of image attachments.
A primary “note type” tag can switch how the same file is treated and styled—either as a drawing-first or permanent-note-first artifact.

Topics

Mentioned