<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Dushyant Bansal</title>
    <description>The latest articles on DEV Community by Dushyant Bansal (@dushyant37).</description>
    <link>https://dev.to/dushyant37</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4233299%2F3ca208c0-449f-4908-96e6-7ce609c85086.jpg</url>
      <title>DEV Community: Dushyant Bansal</title>
      <link>https://dev.to/dushyant37</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dushyant37"/>
    <language>en</language>
    <item>
      <title>How to keep lots of Excalidraw diagrams without losing them</title>
      <dc:creator>Dushyant Bansal</dc:creator>
      <pubDate>Sun, 08 Nov 2026 08:13:10 +0000</pubDate>
      <link>https://dev.to/dushyant37/how-to-keep-lots-of-excalidraw-diagrams-without-losing-them-181i</link>
      <guid>https://dev.to/dushyant37/how-to-keep-lots-of-excalidraw-diagrams-without-losing-them-181i</guid>
      <description>&lt;p&gt;I use Excalidraw for almost everything: system design notes, interview prep, sketches for blog posts.&lt;br&gt;
And every few weeks I see someone post that they lost months of drawings.&lt;br&gt;
"Cleared my browser cache." "IT reset my work laptop." "Switched browsers and it's all gone."&lt;/p&gt;

&lt;p&gt;This post explains why that happens and the ways to keep your drawings safe, from free and manual to fully automatic.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Excalidraw drawings disappear
&lt;/h2&gt;

&lt;p&gt;excalidraw.com has no account and no server-side storage for your canvas.&lt;br&gt;
Your current drawing lives in your browser's local storage, for that one site, in that one browser profile.&lt;/p&gt;

&lt;p&gt;So your drawing is gone when:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;you clear browsing data or cookies for the site,&lt;/li&gt;
&lt;li&gt;you draw in a private window and close it,&lt;/li&gt;
&lt;li&gt;your work laptop is wiped or replaced,&lt;/li&gt;
&lt;li&gt;you open excalidraw.com in another browser or on another computer (it isn't lost, but it isn't there either).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;There's also only one canvas.&lt;br&gt;
Starting a new drawing means clearing or overwriting the old one, unless you saved it somewhere first.&lt;/p&gt;

&lt;h2&gt;
  
  
  Lost a drawing already? Try these first
&lt;/h2&gt;

&lt;p&gt;Before anything else:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Don't clear anything else.&lt;/strong&gt; If the drawing is still in one browser, open it there and save it to a file right away (see below).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Check your other browsers and profiles.&lt;/strong&gt; Each has its own copy, so an old drawing may still be sitting in one of them.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Search for old share links.&lt;/strong&gt; If you ever clicked "Share" and sent a link, it looks like &lt;code&gt;excalidraw.com/#json=...&lt;/code&gt;. Those drawings are stored on Excalidraw's servers, and the link still opens them. Search Slack, email and your notes for &lt;code&gt;excalidraw.com/#json&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Check exported images.&lt;/strong&gt; A PNG or SVG exported with "Embed scene" turned on contains the whole drawing. Drag it back onto excalidraw.com and it opens as an editable scene.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Option 1: Save to a file (free, manual)
&lt;/h2&gt;

&lt;p&gt;Use the menu, then &lt;strong&gt;Save to...&lt;/strong&gt;, then &lt;strong&gt;Save to disk&lt;/strong&gt;.&lt;br&gt;
You get a &lt;code&gt;.excalidraw&lt;/code&gt; file, which is plain JSON with everything in the drawing.&lt;br&gt;
Open it later with &lt;strong&gt;Open&lt;/strong&gt; or by dragging it onto the canvas.&lt;/p&gt;

&lt;p&gt;In Chrome and Edge, after you save once, Excalidraw remembers the file and saves to it again with Ctrl+S (Cmd+S on a Mac).&lt;/p&gt;

&lt;p&gt;Good: free, and the file is yours.&lt;br&gt;
Not so good: you have to remember to do it, and you manage the files yourself.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; when you export a PNG or SVG, turn on &lt;strong&gt;Embed scene&lt;/strong&gt;.&lt;br&gt;
Then the image you paste into docs is also a backup you can edit later.&lt;/p&gt;

&lt;h2&gt;
  
  
  Option 2: Keep drawings next to your code (VS Code)
&lt;/h2&gt;

&lt;p&gt;The &lt;a href="https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor" rel="noopener noreferrer"&gt;Excalidraw extension for VS Code&lt;/a&gt; edits &lt;code&gt;.excalidraw&lt;/code&gt; files right in the editor.&lt;br&gt;
Put your diagrams in the repo and they get versioned with git like everything else.&lt;br&gt;
It also handles &lt;code&gt;.excalidraw.svg&lt;/code&gt; and &lt;code&gt;.excalidraw.png&lt;/code&gt;, which are images that stay editable.&lt;/p&gt;

&lt;p&gt;Good: version history, and diagrams live next to the code they describe.&lt;br&gt;
Not so good: only works where you have the repo, and it's awkward for quick sketches.&lt;/p&gt;

&lt;h2&gt;
  
  
  Option 3: Keep drawings in your notes (Obsidian)
&lt;/h2&gt;

&lt;p&gt;The &lt;a href="https://github.com/zsviczian/obsidian-excalidraw-plugin" rel="noopener noreferrer"&gt;Excalidraw plugin for Obsidian&lt;/a&gt; stores drawings as files in your vault, and you can link and embed them in notes.&lt;br&gt;
If you already use Obsidian, this is a great fit, and syncing the vault keeps drawings backed up.&lt;/p&gt;

&lt;p&gt;Good: lots of features, drawings sit next to your notes.&lt;br&gt;
Not so good: you need Obsidian, and its file format adds Markdown around the drawing.&lt;/p&gt;

&lt;h2&gt;
  
  
  Option 4: Excalidraw+ (paid)
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://plus.excalidraw.com" rel="noopener noreferrer"&gt;Excalidraw+&lt;/a&gt; is the official paid version from the Excalidraw team.&lt;br&gt;
It gives you cloud storage, many scenes in a workspace, live collaboration and more.&lt;br&gt;
If your team draws together, it's the obvious choice, and it funds the open source project.&lt;/p&gt;

&lt;h2&gt;
  
  
  Option 5: Scenedraw (free, saves to your Google Drive)
&lt;/h2&gt;

&lt;p&gt;Full disclosure: I built this one.&lt;/p&gt;

&lt;p&gt;I wanted the excalidraw.com experience, but with many drawings and no chance of losing them.&lt;br&gt;
So &lt;a href="https://scenedraw.app" rel="noopener noreferrer"&gt;Scenedraw&lt;/a&gt; is Excalidraw with a list of scenes, where each scene is a normal &lt;code&gt;.excalidraw&lt;/code&gt; file in a folder in your own Google Drive.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Changes save to Drive automatically, so clearing your browser doesn't matter.&lt;/li&gt;
&lt;li&gt;The files are yours: download them, back them up, or open them in plain Excalidraw.&lt;/li&gt;
&lt;li&gt;Right-click any &lt;code&gt;.excalidraw&lt;/code&gt; file in Google Drive and pick "Open with Scenedraw".&lt;/li&gt;
&lt;li&gt;Share a link that opens a scene for anyone.&lt;/li&gt;
&lt;li&gt;Each scene opens in its own tab.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It doesn't have live collaboration, so for teams Excalidraw+ is the better fit.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which should you pick?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Draw now and then:&lt;/strong&gt; save to disk, and export images with "Embed scene" on.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Diagrams for a codebase:&lt;/strong&gt; VS Code extension, with files in git.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;You live in Obsidian:&lt;/strong&gt; the Obsidian plugin.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A team drawing together:&lt;/strong&gt; Excalidraw+.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lots of personal drawings you never want to lose:&lt;/strong&gt; anything that writes real files somewhere backed up, whether that's Drive, git or a synced vault.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Whatever you choose, the rule is the same: don't let browser storage be the only copy.&lt;/p&gt;

&lt;p&gt;If you've found another good setup, I'd love to hear it in the comments.&lt;/p&gt;

</description>
      <category>excalidraw</category>
      <category>productivity</category>
      <category>systemdesign</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
