I use excalidraw to manage my diagrams for my blog

(blog.lysk.tech)

49 points | by mlysk 2 hours ago

8 comments

  • lnenad 13 minutes ago
    I love diagramming, but I genuinely don't understand how people can use these wonky looking tools. It looks off, I had to make my own[1] to create something that's easy to use and looks good/normal.

    [1] https://grafly.io

    • superkai 6 minutes ago
      looks awesome man !
  • Jnr 31 minutes ago
    Cool, I did a similar thing last week.

    I made a custom Payload CMS block that allows to create and update excalidraw diagrams within the CMS. It supports dark and light mode switching and rendering inline or as external SVG.

    And last weekend I added MCP server with Oauth so I could generate and update those diagrams and add them to post drafts from Claude. I think it is more convenient since I don't have to use API billing model and don't need to build a custom UI.

    Here is an example post: https://www.janhouse.lv/blog/network/self-hosting-tailscale-...

    Originally I wanted to sync posts from Obsidian but it doesn't have good enough image handling which I sometimes need and I needed extra metadata to unlist or password protect or noindex some posts.

  • walthamstow 1 hour ago
    Excalidraw has proliferated quite widely in my company since we got Claude Code. Its a shame the default font is ugly, childish and inaccessible.
  • darshanmakwana 1 hour ago
    I simply just draw in excalidraw and take a ss and past it in my obsidian note, I have a setup that automatically parses posts from my vault and then pushes them to my site
  • wdroz 1 hour ago
    You can also bootstrap your initial schema with LLMs with the excalidraw MCP "app" [0]. But MCP "apps"[1] are quite new and not very well supported yet.

    [0] -- https://github.com/excalidraw/excalidraw-mcp

    [1] -- https://modelcontextprotocol.io/extensions/apps/overview

    • mi_lk 1 hour ago
      I didn't have good experience with excalidraw-mcp when it first came out a month ago; the Claude-generated diagrams were too raw/unpolished. I'm sticking to mermaid for now but I'm interested in hearing how people make exclidraw-mcp work for them
  • dewey 1 hour ago
    Everyone does that these days and they are becoming AI tells like the em-dash or the blue-glow of the early AI generated images that everyone added to their blog posts.
  • gethly 2 hours ago
    Same. I started using it for Gethly blog. It's not perfect, some things make me crazy but overall it is better than draw.io that I used to use before. Excalidraw also has these great styles that just feel right :)
  • emil-lp 2 hours ago
    Should be Show HN.

    Now it reads like an ad for some extension to a program I've never heard about.

    • emil-lp 2 hours ago
      Apparently Excalidraw is An open source virtual hand-drawn style whiteboard. Collaborative and end-to-end encrypted.

      https://github.com/excalidraw/excalidraw

      • petepete 1 hour ago
        I use Excalidraw extensively at work. For me, it's really close to perfection.

        It has an excellent UI, selections work way better than Lucid or Figma etc, the sketchy look makes it clear designs are rough and not blueprints, it's private and loads instantly.

        The one negative is that it's a pain to get the multiplayer self-hosted version running.

        • fabbbbb 1 hour ago
          I was surprised about that, too. Tried a bit but found very few sources online.

          A self-hosted version with storage (multiplayer) plus any Claude access would be a killer setup for team planning etc and let us drop Miro.

        • ndezt 47 minutes ago
          [dead]
      • bryanhogan 1 hour ago
        Both Excalidraw and TLDraw are the two most popular apps of their kind, simplistic whiteboard tools, so I don't think it's that surprising and I don't see any reason why this post should be a "Show HN".

        TLDraw: https://www.tldraw.com/

        Excalidraw: https://excalidraw.com/

        • jruohonen 1 hour ago
          For me, draw.io is still the winner, and especially now that it runs locally also on Linux. As for works in progress, I hope this one succeeds (and would also run locally at some point):

          TikzMaker: https://tikzmaker.com/

      • postatic 1 hour ago
        I love excalidraw, but don't need the excalidraw+. But Excalidraw open source is the frontend only, which means I have to delete my drawings each time. So I built the backend so I can create many canvases.

        https://drawx.ossy.dev

        • jstanley 1 hour ago
          Your site makes me make an account before I can use it, whereas excalidraw.com doesn't, and also excalidraw.com seems to save my drawing just fine? I closed a tab and reopened it and my drawing was still there, presumably from localStorage.

          The three-lines-menu also has a "Save to..." option that lets you create a sharable link or save to your local disk.

          • blahlabs 57 minutes ago
            You can also embed the excalidraw drawing in the exported image. So you can drag/drop the exorted image back into excalidraw and edit it later.