Get AI summaries of any video or article — Sign up free
Getting Started with Visual PKM from scratch using Obsidian-Excalidraw thumbnail

Getting Started with Visual PKM from scratch using Obsidian-Excalidraw

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

Create an Obsidian vault first, then rely on Markdown links ([[...]] ) to build a navigable network of notes.

Briefing

Getting started with Visual PKM in Obsidian hinges on one practical workflow: build a linked Markdown knowledge base, then embed Excalidraw diagrams inside notes so drawings become navigable, updateable parts of the same system. The setup starts with installing Obsidian, creating a vault (a folder where all your files live), and learning two core behaviors: notes are plain Markdown files, and links between notes are created with double square brackets. When a linked note doesn’t exist yet, clicking the link creates it—turning a simple text editor into a lightweight, Wikipedia-like network of interconnected pages.

A second “magic” step comes from transclusion. By adding an exclamation mark before a double-bracket link, the referenced note’s contents are embedded directly into the current note. That means readers can navigate normally while also seeing embedded sections inline—useful for building living documents, chapter structures, or dashboards that stay synchronized as content changes.

Once the vault and linking basics are in place, the workflow shifts to installing the Excalidraw plugin from Obsidian’s Community Plugins store (the transcript notes there are over 1100 community plugins). After enabling Excalidraw, creating a drawing is straightforward: click the new Excalidraw icon, then use the canvas tools to add shapes, arrows, and text. The interface supports styling controls for selected elements—stroke width, dashed/dotted styles, “sloppiness” (with an “architect” style for sharp lines versus a “cartoonist” style for rougher edges), and corner shapes (sharp versus round). Arrows add extra properties like arrowhead configuration, while text supports standard sizes and a small set of default font families.

The next milestone is embedding drawings into notes. Excalidraw drawings can be inserted via Obsidian’s command palette: search for “Excalidraw” and embed the most recently edited drawing. The transcript emphasizes a key syntax distinction: with the exclamation mark present, the drawing is embedded; without it, it behaves like a link. Width can be adjusted using a pipe character and a number (e.g., 500 or 800). Another embedding method uses “create embed” to open Excalidraw in an adjacent split view so the drawing appears exactly where the cursor is.

Where Excalidraw becomes especially powerful is how it connects to Obsidian’s linking and transclusion system. Drawings can be navigated through links, and Excalidraw settings can control whether links show brackets or use custom prefixes. The transcript also walks through adding images: insert an image from outside the vault, or insert an existing vault file so multiple objects can reference the same underlying asset. Modifier-key behavior matters—control-clicking an embedded image opens it as a separate file, and renaming triggers an “always update” option so links remain intact.

Finally, the workflow extends beyond basic diagrams through an “Obsidian tools panel,” including a Scripts Library. Installing a script like “Text Arch” demonstrates how selected text elements can be transformed into curved/arched typography with parameters such as radius and whether the text sits above or below the arc. The overall payoff: Excalidraw diagrams are stored as files inside the vault, remain private and durable, and can be embedded, updated, decomposed, and recomposed alongside the rest of a connected Obsidian knowledge system.

Cornell Notes

The core setup pairs Obsidian’s Markdown linking with Excalidraw diagrams embedded inside notes. In Obsidian, double square brackets create links and can auto-create missing notes; adding an exclamation mark enables transclusion (embedding referenced content inline). After installing and enabling the Excalidraw plugin, users create drawings on a canvas with configurable styles for shapes, arrows, and text. Drawings are embedded into notes via Obsidian’s command palette, where an exclamation mark determines embed versus link, and width can be set with a pipe plus a number. Excalidraw’s value grows when drawings link to other notes and when images and assets are inserted in vault-aware ways so renames and updates keep connections working.

How do double-bracket links and transclusion work together in Obsidian for a connected knowledge base?

Double square brackets (e.g., [[Chapter 2]]) create a link between notes. If the target note doesn’t exist yet, clicking the link creates the file and opens it so the user can start writing. Adding an exclamation mark before the link (e.g., ![[Chapter 2]]) switches from a normal link to transclusion, embedding the referenced note’s contents directly into the current note. Navigation still works—opening the linked note is possible—but the embedded content appears inline when returning to the parent note.

What steps turn a blank vault into a place where Excalidraw drawings can live and connect?

First, install Obsidian and create a vault by choosing a folder location and naming it. Then learn basic Markdown note creation and linking using [[...]]. Next, enable community plugins and install the Excalidraw plugin from the Community Plugins browser. After enabling Excalidraw, create a drawing from the Excalidraw icon, then embed it into a note using the command palette (search for Excalidraw and choose the most recently edited drawing). From there, drawings become navigable components inside the same vault.

What styling controls matter most when building diagrams in Excalidraw?

When an element is selected, Excalidraw shows a properties panel. For shapes like rectangles, users can set background color, fill style (solid or patterned), stroke width, stroke style (dashed/dotted), and “sloppiness” (architect for precise sharp lines versus cartoonist for rugged lines). Corner treatment can be sharp or round. For arrows, selecting the arrow reveals arrowhead controls for both the start and end, while the line color is controlled via the stroke color.

How does embedding differ from linking for Excalidraw drawings, and how can size be controlled?

Embedding versus linking is controlled by whether an exclamation mark is present. With the exclamation mark, the drawing is embedded directly inside the note; without it, the text behaves like a link to the drawing. Size can be adjusted by adding a pipe character followed by a number (e.g., |500 or |800) to set the drawing width.

Why do image insertion and renaming behaviors matter for maintaining connections in a PKM system?

Images can be inserted either from outside the vault or from inside the vault. When an image is inserted from the vault, it can be referenced without duplicating the underlying file—multiple objects can point to the same asset. Control-clicking an embedded image opens it as a separate file, enabling renaming. Obsidian prompts whether to automatically update links; choosing “always update” preserves connections so renamed files don’t break references—an important reliability feature for long-term knowledge management.

What does the Scripts Library add beyond basic drawing and embedding?

The Scripts Library automates diagram edits and transforms. After installing a script like “Text Arch,” a new tool appears in the tools panel. The user selects a text element, runs the script, and answers parameters such as the radius (e.g., 150) and whether the text should be above or below the arc. The script converts the selected text into an arched text element that can then be rotated and further adjusted.

Review Questions

  1. When would you choose a normal Excalidraw link instead of an embedded drawing, and how can you tell which one you created?
  2. Describe the difference between inserting an image from outside the vault versus inserting an existing vault image, and explain how renaming affects links.
  3. What Excalidraw styling options (stroke, sloppiness, corners, arrowheads) would you use to switch from an “architect” look to a more hand-drawn “cartoonist” look?

Key Points

  1. 1

    Create an Obsidian vault first, then rely on Markdown links ([[...]] ) to build a navigable network of notes.

  2. 2

    Use transclusion (![[...]] ) when inline embedded content should stay synchronized with the source note.

  3. 3

    Install and enable the Excalidraw plugin via Obsidian’s Community Plugins, then create drawings from the new Excalidraw icon.

  4. 4

    Embed drawings into notes through the command palette; the exclamation mark determines embed versus link, and width can be set with a pipe plus a number.

  5. 5

    Use Excalidraw’s selection-based properties to control stroke width/style, sloppiness (architect vs cartoonist), corner shape, and arrowhead configuration.

  6. 6

    Insert images in vault-aware ways so assets can be reused and renaming can automatically update links to prevent broken references.

  7. 7

    Leverage the tools panel and Scripts Library to automate diagram transformations (e.g., converting text into an arched “Text Arch”).

Highlights

Double square brackets create links that can auto-create missing notes; adding an exclamation mark turns those links into transclusions that embed content inline.
Excalidraw embedding is controlled by syntax: an exclamation mark embeds the drawing, while removing it leaves a link; width can be set like |500 or |800.
Excalidraw’s “sloppiness” slider distinguishes an “architect” style (sharp, precise lines) from a “cartoonist” style (rugged, hand-drawn feel).
Control-clicking an embedded image opens it as a separate vault file, and choosing “always update” preserves links after renaming.
Scripts like “Text Arch” show how Excalidraw elements can be programmatically transformed using parameters such as radius and text placement.

Topics

Mentioned