One Year Later...
after having changed all my Obsidian templates to Excalidraw hybrid notes
Abstract
After a year of turning all my Obsidian templates into Excalidraw hybrid notes, here’s what stuck. Using the “back of the sheet” idea—text on one side, sketch on the other—I’ll share how pairing searchable writing with quick visuals affected clarity, recall, and sharing across projects. Has it helped? Am I still using them? Why? Why not?
- Set up a lightweight hybrid workflow in Obsidian + Excalidraw.
- When to write, when to sketch, and how to link both.
- Convert existing templates without breaking your system.
Speaker Bio
Watch the Session
Session Summary
Nicole van der Hoeven is a Developer Advocate and content creator. She details the evolution of her personal knowledge management (PKM) workflow over the past year. Driven by an interest in more visual thinking—despite her initial preference for text—she successfully transitioned all her Obsidian note templates to a hybrid format, integrating the Excalidraw visual tool.
The core insight is that making the visual component the default setting for every note drastically reduced the friction of visual thinking. By using a hybrid template in Obsidian—supported by the Templater and Excalidraw plugins—each new note automatically includes both a Markdown (textual) side and an Excalidraw (visual) side, easily toggled via a hotkey. This approach eliminated the mental hurdle of deciding whether a note “deserved” a visual component, making visual notetaking an effortless habit.
Key Workflow Insights: The Forward and Backward Process
Nicole's workflow is organized around two complementary directions of thinking:
- Going Forward (Composition): Assembling smaller, individual notes into larger, more complex visual concepts. For instance, a detailed note on "Telemetry Collectors" can be embedded as a visual component in a higher-level "Observability" map. This forms a "bottom-up" construction of knowledge.
- Going Backward (Deconstruction/Library Building): Breaking down complex visuals into their constituent parts and managing them as reusable building blocks.
This "backward" process is where visual elements gain the power of a textual PKM system. Nicole maintains an Icon Library—dynamically generated via a JavaScript script—where individual visual elements (icons, simple drawings) are stored as image files. The crucial advantage is that when an icon is used in a larger Excalidraw note, Obsidian’s native backlinking tracks its usage. This means that visual concepts are treated like conceptual notes; opening an icon file immediately shows everywhere that concept has been used, even without creating a dedicated textual note for it. She sources her icons primarily from flaticon.com, preferring SVGs because the Excalidraw "Shade Master" script allows for easy skinning and color changes to maintain a cohesive look.
Practical Application and Innovation
- Conference Mapping: Nicole uses a single, large Excalidraw as a "visual hub" for entire conferences, embedding screenshots of the schedule, PDFs of slides, and photos of attendees (tagged to link to individual "person notes"). This provides a comprehensive, visual timeline of the event.
- Deconstruction: For complex, externally defined topics (like a software architecture diagram), she works "top-down," taking a base visual and linking individual components (e.g., a "Query Frontend") to separate, detailed hybrid notes.
- "Audible Thinking": For dense reading materials (like Thinking Fast and Slow), she supplements visual and textual notes with voice notes that are immediately transcribed. The resulting transcript makes the audio recording searchable, much like the text within Excalidraw drawings is searchable because it’s saved as plain text.
- PKM Monitoring (The Geeky Side Track): In her most innovative application, Nicole treats her entire note vault as a computer system to be monitored. She uses a Python script, a Loki database, and a Grafana dashboard to visualize her PKM activity over time—tracking metrics like the number of new notes, recently updated notes, and eventually, link density. This creates a dashboard for "monitoring her own knowledge system."
