Blog
How Diagramly works, and what’s new
Guides to Diagramly and notes on what’s new: typing a diagram, presenting it, publishing it, and getting it out as PNG, PDF, slides or a GIF.
Describe a system and the AI draws it, then Tidy lays it out
Diagramly now draws from a sentence, edits on request, lays a messy diagram out in one click, routes arrows around shapes, and lets Pro users share templates.
Export a diagram as PDF, a slide deck, or a GIF of it drawing itself
Diagramly now exports PDF for everyone, and for Pro a 16:9 slides PDF plus an animated GIF or MP4 of the diagram sketching itself in, made for feeds.
Post a diagram on LinkedIn, X or GitHub that people actually stop for
Hand-drawn diagrams stand out in a feed, and one that draws itself stops the scroll. Which Diagramly export to use on LinkedIn, X, GitHub and Slack, and how.
Present a diagram like a talk, without making slides
Diagramly's Present mode turns frames and pinned views into slides. The camera flies between them and each shape sketches itself in as you speak.
Publish a diagram as a page, embed it anywhere, and keep every version
How Diagramly Pro publishes a diagram to its own public page, embeds it live in Notion or a blog, and keeps a version history you can restore from.
Put an architecture diagram in your README, your docs and your portfolio
Get a Diagramly diagram into a GitHub README, Notion, a blog or a portfolio: a committed SVG, a GIF, a live image URL, or an embed that updates itself.
System design interviews: practise, present and hand in the diagram
How to use Diagramly for system design interview prep, in the interview itself, and for the PDF or slide deck you send afterwards. No whiteboard required.
Introducing Diagramly, a hand-drawn diagram maker that runs in your browser
Diagramly turns a typed line like "Client -> API -> DB" into a hand-drawn diagram. Free, no sign-up, and the sketch stays on your device until you share it.
Type a line, get a diagram: the sketch line explained
How Diagramly's text-to-diagram syntax works. Arrows, labels, branches, decisions and shape prefixes, with examples you can paste straight into the canvas.