# zsviczian/obsidian-excalidraw-plugin **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/zsviczian-obsidian-excalidraw-plugin).** 6,203 stars · 363 forks · TypeScript ## Links - GitHub: https://github.com/zsviczian/obsidian-excalidraw-plugin - awesome-repositories: https://awesome-repositories.com/repository/zsviczian-obsidian-excalidraw-plugin.md ## Description This is a drawing plugin for Obsidian that provides an integrated canvas editor for creating hand-drawn diagrams and sketches directly inside a note-taking vault. It functions as a freeform whiteboard-style editor where users can sketch, connect objects, and embed their drawings into markdown notes as SVG or PNG images. The plugin extends beyond basic sketching by offering data-driven diagram generation, allowing users to create mindmaps, family trees, and charts by processing structured data from vault notes or scripts. It supports scriptable drawing automation through macros and automated sequences that can repeat common diagramming tasks, with macros assignable to command palette shortcuts. Users can insert editable LaTeX formulas into drawings for mathematical annotations, and link diagram elements to vault documents, external URLs, and block references with automatic link updates. Additional capabilities include template-driven canvas initialization that loads pre-made drawing templates from vault files, automatic export of PNG or SVG copies on each save with per-file override options, and the ability to embed the full content of vault documents onto the canvas as styled snapshots. The plugin is installed and configured through Obsidian's community plugin system. ## Tags ### Part of an Awesome List - [Visual Note-Taking](https://awesome-repositories.com/f/awesome-lists/productivity/note-taking/visual-note-taking.md) — Creating and editing hand-drawn diagrams and sketches directly inside a note-taking vault for visual thinking and brainstorming. ### User Interface & Experience - [Interactive Drawing Tools](https://awesome-repositories.com/f/user-interface-experience/interactive-drawing-tools.md) — An integrated drawing tool that lets users create hand-drawn diagrams and sketches directly inside their Obsidian vault. - [Freeform Sketching](https://awesome-repositories.com/f/user-interface-experience/diagramming-tools/freeform-sketching.md) — Create and edit freeform sketches and diagrams directly inside a note-taking vault using an integrated drawing tool. ([source](https://cdn.jsdelivr.net/gh/zsviczian/obsidian-excalidraw-plugin@master/README.md)) - [Embedded SVG Styling](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/css-utility-libraries/css-utilities/conditional-style-queries/document-media-queries/embedded-svg-styling.md) — Insert a sketch as an SVG or PNG image directly into the current document. ([source](https://zsviczian.github.io/obsidian-excalidraw-plugin/)) - [Dynamic Link Embedders](https://awesome-repositories.com/f/user-interface-experience/links/automatic-link-generation/dynamic-link-embedders.md) — Connects drawing elements to vault documents, external URLs, and block references, automatically updating links when targets change. ### Content Management & Publishing - [Structured Data Diagram Generators](https://awesome-repositories.com/f/content-management-publishing/markdown-documentation/visual-to-markdown-pipelines/structured-data-diagram-generators.md) — Generates visual diagrams by processing structured data from markdown notes or scripts into canvas elements like boxes and connectors. - [Canvas Templates](https://awesome-repositories.com/f/content-management-publishing/markdown-documentation/template-driven-generators/canvas-templates.md) — Loads pre-made drawing templates from vault files and applies their layout and styling to new or existing sketches. - [Media Reference Linking](https://awesome-repositories.com/f/content-management-publishing/media-management/media-synchronization-tools/media-reference-linking.md) — Connect diagram elements to other vault documents, external URLs, and block references so links update automatically. ([source](https://cdn.jsdelivr.net/gh/zsviczian/obsidian-excalidraw-plugin@master/README.md)) ### Development Tools & Productivity - [Data-Driven Diagram Generators](https://awesome-repositories.com/f/development-tools-productivity/diagramming-tools/visual-diagram-editors/ai-driven-diagramming/data-driven-diagram-generators.md) — Create a visual diagram such as a mindmap, family tree, or chart by processing structured data from notes or scripts. ([source](https://zsviczian.github.io/obsidian-excalidraw-plugin/)) - [Drawing Macros](https://awesome-repositories.com/f/development-tools-productivity/shell-script-execution-engines/custom-run-scripts/command-palette-script-launchers/drawing-macros.md) — Runs user-defined JavaScript macros that manipulate drawing elements through a command palette and tool group interface. - [Drawing Script Libraries](https://awesome-repositories.com/f/development-tools-productivity/shell-script-execution-engines/custom-run-scripts/command-palette-script-launchers/drawing-script-libraries.md) — Execute macros from a script library, assign them to command palette shortcuts, and organize them into tool groups. ([source](https://cdn.jsdelivr.net/gh/zsviczian/obsidian-excalidraw-plugin@master/README.md)) - [Drawing Automation Macros](https://awesome-repositories.com/f/development-tools-productivity/task-automation-scripts/drawing-automation-macros.md) — Running macros and script sequences to automate repetitive drawing tasks such as adding boxes, connecting objects, or applying styles. - [Drawing Macros](https://awesome-repositories.com/f/development-tools-productivity/text-editors/scriptable-automation/drawing-macros.md) — Run macros and automated drawing sequences from a script library to repeat common diagramming tasks. ### Education & Learning Resources - [Data-Driven Diagram Generators](https://awesome-repositories.com/f/education-learning-resources/learning-platforms-infrastructure/educational-infrastructure/educational-platforms/technical-concept-diagrams/text-to-diagram-generators/data-driven-diagram-generators.md) — Generating visual diagrams like mindmaps, family trees, or charts by processing structured data from notes or scripts. ### Graphics & Multimedia - [Embedded Document Renderers](https://awesome-repositories.com/f/graphics-multimedia/canvas-rendering/embedded-document-renderers.md) — Renders drawings as SVG or PNG images embedded directly inside markdown notes using a custom renderer that preserves interactivity and styling. - [Document Object Embedding](https://awesome-repositories.com/f/graphics-multimedia/document-object-embedding.md) — Insert a sketch into a markdown note as an embedded image with configurable size and alignment. ([source](https://cdn.jsdelivr.net/gh/zsviczian/obsidian-excalidraw-plugin@master/README.md)) - [Sketches in Notes](https://awesome-repositories.com/f/graphics-multimedia/document-object-embedding/sketches-in-notes.md) — Inserting sketches as SVG or PNG images into markdown notes with configurable size and alignment for seamless document integration. - [Automated Drawing Sequences](https://awesome-repositories.com/f/graphics-multimedia/graphics-and-media/shape-drawing/drawing-layers/automated-drawing-sequences.md) — Run a sequence of steps that add boxes, connect objects, or set styles to repeat common drawing tasks. ([source](https://zsviczian.github.io/obsidian-excalidraw-plugin/)) - [Infinite Canvas Editors](https://awesome-repositories.com/f/graphics-multimedia/whiteboarding/infinite-canvas-editors.md) — A freeform whiteboard-style editor for sketching diagrams, connecting objects, and embedding them into markdown notes. - [Automatic Image Exports](https://awesome-repositories.com/f/graphics-multimedia/svg-image-exports/automatic-image-exports.md) — Automatically save a PNG or SVG copy of a sketch each time it is saved, with per-file override options. ([source](https://cdn.jsdelivr.net/gh/zsviczian/obsidian-excalidraw-plugin@master/README.md)) ### Software Engineering & Architecture - [Element-to-Document Links](https://awesome-repositories.com/f/software-engineering-architecture/diagram-link-styles/element-to-document-links.md) — Connecting drawing objects to vault documents, external URLs, and block references with automatic link updates. ### Data & Databases - [Automatic Export Pipelines](https://awesome-repositories.com/f/data-databases/file-export-utilities/automatic-export-pipelines.md) — Automatically exports drawings as PNG or SVG on save, with per-file override options controlled by configuration files. ### Scientific & Mathematical Computing - [Editable Formulas in Drawings](https://awesome-repositories.com/f/scientific-mathematical-computing/formula-evaluators/editable-formulas-in-drawings.md) — Adding mathematical formulas to drawings using a command palette action, with editable markdown or click-to-edit functionality. - [LaTeX Formula Editors](https://awesome-repositories.com/f/scientific-mathematical-computing/formula-evaluators/latex-formula-editors.md) — Add a mathematical formula to a drawing using a command palette action, editable in markdown or by clicking the formula. ([source](https://cdn.jsdelivr.net/gh/zsviczian/obsidian-excalidraw-plugin@master/README.md)) - [LaTeX Math Rendering](https://awesome-repositories.com/f/scientific-mathematical-computing/numerical-mathematical-foundations/mathematical-typesetting-engines/mathematical-typesetting/latex-math-rendering.md) — Insert editable LaTeX formulas into drawings using a command palette action for mathematical annotations.