Obsidian-Excalidraw 1.2.0 Walkthrough Part 1/10: Getting Started 🔗 **Source:** [Obsidian-Excalidraw 1.2.0 Walkthrough Part 1/10: Getting Started](https://www.youtube.com/watch?v=sY4FoflGaiM) > [!note]+ Document Notes > tags: [obsidian, excalidraw, tutorial] > author: Zsolt Viczian > source: YouTube > reference: https://www.youtube.com/watch?v=sY4FoflGaiM > date created: 2024-12-28 15:30 > > # 🏷️ Title: Obsidian-Excalidraw 1.2.0 Walkthrough Part 1/10: Getting Started > <!-- deep-read:sections start --> ## 🧰 Action Inbox - [H1] Set up Excalidraw folder location in plugin settings — default folder configuration #setup - [H2] Configure file naming conventions for drawings — prefix and date format #configuration - [H3] Try all five methods for creating new drawings — practice workflow #practice ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - [Obsidian-Excalidraw Plugin](https://github.com/zsviczian/obsidian-excalidraw-plugin) - [Date Format Documentation](https://momentjs.com/docs/#/displaying/format/) ## 📝 Summary - Introduction to Obsidian-Excalidraw plugin 1.2.0 walkthrough series - Five different methods to create new drawings in Obsidian - Configuration options for file organization and naming - Plugin has undergone months of development with updated features - Part 1 of 10-part comprehensive tutorial series ## 📖 Main Content This tutorial introduces the Obsidian-Excalidraw plugin, which integrates the popular drawing tool Excalidraw into Obsidian. The plugin allows users to create visual diagrams, sketches, and drawings directly within their knowledge management workflow. The video covers five distinct methods for creating new drawings: 1. Command palette approach using "create a drawing in a new pane" 2. Ribbon button with options for active pane or new pane (Ctrl+click) 3. File explorer right-click menu with similar pane options 4. Converting existing markdown documents to drawings 5. Direct file creation with automatic organization Key configuration options include setting a default folder for drawings (defaults to "excalidraw" folder) and customizing file naming conventions with prefixes and date formatting. The plugin automatically generates filenames and organizes files according to user preferences. ## 🗒️ Notes #### ⏱️ [00:00](https://www.youtube.com/watch?v=sY4FoflGaiM&t=0) — [H1] Series Introduction and Overview - Key idea: Complete walkthrough of Obsidian-Excalidraw after months of development - Evidence: "I've done a couple of months of development on this plugin and thought it's time to have a proper complete walkthrough" #### ⏱️ [00:30](https://www.youtube.com/watch?v=sY4FoflGaiM&t=30) — [H1] Series Structure Preview - Key idea: 10-part series covering comprehensive plugin features - Evidence: Topics include "native excalidra features, embedding drawings, portability, links, block transclusions, markdown features, templating" #### ⏱️ [01:00](https://www.youtube.com/watch?v=sY4FoflGaiM&t=60) — [H2] Method 1: Command Palette Creation - Key idea: Use command palette to create drawings in new or active panes - Evidence: "Type create a drawing in a new pane right here and if i click this then you can see that a new drawing is created" #### ⏱️ [01:20](https://www.youtube.com/watch?v=sY4FoflGaiM&t=80) — [H2] Method 2: Ribbon Button Creation - Key idea: Ribbon button creates drawings with pane options via Ctrl+click - Evidence: "Creates a drawing in the active pane...if i control click it then it creates a new drawing in a new pane" #### ⏱️ [01:40](https://www.youtube.com/watch?v=sY4FoflGaiM&t=100) — [H2] Method 3: File Explorer Right-Click - Key idea: Right-click in file explorer provides drawing creation option - Evidence: "Right click anywhere in the file explorer i can select new exclude raw drawing" #### ⏱️ [02:00](https://www.youtube.com/watch?v=sY4FoflGaiM&t=120) — [H2] Method 4: Document Conversion - Key idea: Convert existing markdown documents to Excalidraw drawings - Evidence: "Convert empty node to x color draw drawing and if i click this then my markdown document is converted" #### ⏱️ [02:30](https://www.youtube.com/watch?v=sY4FoflGaiM&t=150) — [H3] Automatic File Organization - Key idea: Drawings automatically save to predefined folders with structured naming - Evidence: "Files are automatically saved to a predefined folder the default is the xcode draw folder" #### ⏱️ [02:50](https://www.youtube.com/watch?v=sY4FoflGaiM&t=170) — [H3] Settings Configuration - Key idea: Customize folder location and file naming in plugin settings - Evidence: "You can actually specify the folder where it should be created...set the prefix fold for the file name" #### ⏱️ [03:10](https://www.youtube.com/watch?v=sY4FoflGaiM&t=190) — [H3] Date Format Customization - Key idea: File names include configurable date formatting with documentation reference - Evidence: "File name has a date and you can set the date...follow this link and open up the help page" #### ⏱️ [03:30](https://www.youtube.com/watch?v=sY4FoflGaiM&t=210) — [H1] Series Continuation Preview - Key idea: Next video will cover basic shapes and native Excalidraw features - Evidence: "We'll continue on in the next one with some of the basic shapes and features" ## 📚 References - [Obsidian-Excalidraw GitHub Repository](https://github.com/zsviczian/obsidian-excalidraw-plugin) - [Moment.js Date Format Documentation](https://momentjs.com/docs/#/displaying/format/) - [Excalidraw Official Website](https://excalidraw.com/) ## 🗣️ Paraphrase - The Obsidian-Excalidraw plugin offers five different ways to create visual drawings within your note-taking workflow - Users can customize where drawings are stored and how they're named through the plugin settings - The tutorial series will comprehensively cover all features developed over months of plugin improvement ## 📰 Newsletter 🎨 **New Drawing Tools in Obsidian: Excalidraw Integration** Visual learners rejoice! The Obsidian-Excalidraw plugin brings powerful diagramming directly into your knowledge management workflow. With five different creation methods and customizable organization, you can seamlessly blend visual thinking with your notes. Whether you're sketching ideas, creating flowcharts, or mapping concepts, this integration maintains the file-based approach that makes Obsidian so powerful while adding rich visual capabilities. **Key Benefits:** - Multiple creation workflows to fit your style - Automatic file organization and naming - Seamless integration with existing notes **Getting Started:** 1. Install the Excalidraw plugin from Community Plugins 2. Configure your preferred folder and naming settings 3. Try the command palette: "Create drawing in new pane" Resources: [Plugin Documentation](https://github.com/zsviczian/obsidian-excalidraw-plugin), [Excalidraw Guide](https://excalidraw.com/), [Obsidian Community](https://obsidian.md/community) ## ✅ Action Items #### DevRel - Developer advocacy: Create video tutorials showing Excalidraw integration possibilities - Education: Develop workshop curriculum for visual note-taking workflows - Developer experience: Document API endpoints for plugin integration - Developer marketing: Showcase community creations using visual tools - Community management: Moderate visual content sharing in forums #### Community - Contributors: Onboard visual designers to contribute UI/UX improvements - Sponsors: Support plugin development through transparent funding - Ecosystem: Coordinate with other visual plugins for compatibility #### WordPress - Documentation: Create visual guides using drawing tools for complex concepts - Design: Use Excalidraw for wireframing and user flow documentation - Training: Incorporate visual learning methods in course materials - Community: Enable visual collaboration tools for WordCamp planning ## 🧪 Hypotheses - Visual integration in note-taking tools increases user engagement and retention - Multiple creation methods accommodate different user workflow preferences - Automatic file organization reduces friction in adopting visual tools - Plugin customization options correlate with higher user satisfaction ### 📊 Methodology - Survey users on workflow preferences before and after visual tool adoption - A/B test different creation methods to measure usage patterns - Analytics tracking on file organization and naming convention usage ### ❓ Questions - How do visual learners adapt their existing note-taking workflows when drawing tools are introduced? - What's the optimal balance between automation and user control in file organization? - How does visual content integration affect long-term knowledge retention and recall? ### 🔮 Future Research - Cross-platform compatibility for visual content in different knowledge management tools - AI-assisted drawing suggestions based on note content and context - Collaborative visual editing capabilities in distributed team environments ### 💡 Implications - Practice: Visual tools may require workflow adaptation and training investment - Policy: File organization standards need updating for multimedia content - Education: Training materials should incorporate multiple learning modalities - Funding: Plugin development requires ongoing support for feature maintenance ### 🧠 Learning Styles Assessment Reading level estimate: 8th Grade (clear, straightforward instructional content) #### 👀 Visual learners - Present: Screen recordings showing each creation method, visual interface elements - Improve: Flowchart of decision tree for choosing creation methods #### 🔊 Aural learners - Present: Narrated walkthrough with verbal explanations - Improve: Audio-only version focusing on keyboard shortcuts and commands #### 🗣️ Verbal learners - Present: Step-by-step verbal instructions, defined terminology - Improve: Glossary of plugin-specific terms, comparison with similar tools #### 🧩 Kinesthetic learners - Present: Hands-on demonstration with immediate practice opportunities - Improve: Interactive checklist for trying each creation method #### 🧠 Logical learners - Present: Systematic coverage of all five methods with clear categorization - Improve: Decision matrix for when to use each creation approach #### 🧑‍🤝‍🧑 Social learners - Present: Part of a series encouraging continued engagement - Improve: Community challenges for sharing visual creations #### 🧘‍♀️ Solitary learners - Present: Self-paced tutorial format with clear progression - Improve: Reflection questions about personal workflow preferences #### 🌿 Naturalistic learners - Present: Organic workflow integration rather than forced adoption - Improve: Examples of how visual tools enhance natural thinking processes ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Clear verbal descriptions of visual actions - Improve: More detailed alt text for interface elements shown #### Keyboard navigation - Present: Keyboard shortcuts mentioned (Ctrl+click, Command+P) - Improve: Complete keyboard-only workflow demonstration #### Contrast and readability - Present: High contrast in video interface - Improve: Transcript with clear formatting and structure #### Text resizing and reflow - Present: Video format scales appropriately - Improve: Text-based alternative tutorial format #### Media and captions - Present: Audio narration available - Improve: Closed captions and full transcript provided #### Forms and interactions - Present: Clear interaction demonstrations - Improve: Error handling and recovery scenarios shown ### 🌍 DEIB Assessment #### Cultural breadth - Present: Universal visual communication concepts - Improve: Examples from diverse cultural contexts and use cases #### Inclusive language - Present: Clear, jargon-free explanations - Improve: Define technical terms upon first use #### Neurodiversity support - Present: Systematic, structured presentation - Improve: Multiple ways to process the same information #### Representation - Present: Focus on functionality over personal presentation - Improve: Diverse example use cases and applications #### Psychological safety - Present: Encouraging, non-judgmental tone - Improve: Acknowledgment that different methods work for different people ### ✅ Logical Validity #### Strong reasoning - Deductive strength: Clear cause-effect relationships between actions and outcomes - Inductive strength: Pattern recognition across multiple creation methods - Causal reasoning: Configuration changes directly affect file organization - Analogical strength: Drawing creation compared to document creation workflows #### Fallacies - None identified: Straightforward instructional content without argumentative claims #### Tone of voice - Overall tone: Helpful, instructional, and encouraging with technical precision ### 🛡️ DARVO Analysis - Deny: No defensive patterns identified - Attack: No criticism or negative framing present - Reverse victim/offender: Not applicable to instructional content - Emotional cues and rhetoric: Positive, supportive language encouraging exploration ## 🎯 Conclusion This tutorial provides a solid foundation for getting started with the Obsidian-Excalidraw plugin by demonstrating five different creation methods and essential configuration options. Users should experiment with all approaches to find their preferred workflow, then customize the settings for optimal file organization. The systematic approach and upcoming series format ensures comprehensive learning for visual integration in knowledge management. ## 🧱 Refactor Appendix ### 📚 Literature Split Pad ### [H1] Obsidian-Excalidraw provides five distinct drawing creation methods > [!quote] [Obsidian-Excalidraw 1.2.0 Walkthrough Part 1/10: Getting Started](https://www.youtube.com/watch?v=sY4FoflGaiM) by [[Zsolt Viczian]] via [[YouTube]]. Published 2024. Accessed 2024-12-28. > "There are many ways to create a new drawing you can use the command palette...ribbon button...file explorer...convert empty node." Comprehensive creation workflow options accommodate different user preferences and contexts. [view highlight](https://www.youtube.com/watch?v=sY4FoflGaiM&t=60#H1) #xref #obsidian ID:rw_excal_methods ### [H2] Plugin development benefits from extended iteration periods > [!quote] [Obsidian-Excalidraw 1.2.0 Walkthrough Part 1/10: Getting Started](https://www.youtube.com/watch?v=sY4FoflGaiM) > "I've done a couple of months of development on this plugin and thought it's time to have a proper complete walkthrough." Significant development time investment enables comprehensive feature coverage and user education. [view highlight](https://www.youtube.com/watch?v=sY4FoflGaiM&t=0#H2) #xref #development ID:rw_dev_time ### [H3] File organization automation reduces user friction > [!quote] [Obsidian-Excalidraw 1.2.0 Walkthrough Part 1/10: Getting Started](https://www.youtube.com/watch?v=sY4FoflGaiM) > "Files are automatically saved to a predefined folder the default is the xcode draw folder." Automatic file management with customization options balances convenience with user control. [view highlight](https://www.youtube.com/watch?v=sY4FoflGaiM&t=150#H3) #xref #automation ID:rw <!-- deep-read:sections end -->