Paste an SVG and see the diagram — not a download link. Resize it, open it fullscreen, and convert it to a file and back whenever you need.
So much of how we think visually lives in SVG. The architecture diagram exported from your modeling tool. The flowchart from Mermaid. The illustration from your design app. The org chart, the sequence diagram, the system map.
These are vector files, which means they stay perfectly sharp at any size — the ideal format for diagrams that people need to zoom into. Yet most editors treat an SVG like any other file: drop it in, get a gray "download" chip, and hope your reader bothers to click it.
We thought diagrams deserved better. So in Quixli, SVGs now render as living, resizable images right inside your document.
Drop It In, See It Instantly
Paste or drag an SVG into your document and it appears immediately as a rendered image — the actual diagram, in context, surrounded by your writing. No click-through, no separate viewer, no "see attached file."
Because SVG is a vector format, the result is razor-sharp on every screen and at every zoom level. A diagram that looks crisp in your editor looks just as crisp on a retina display, in a shared read-only page, or projected on a wall.
Resize Without Losing the Picture
Grab the handles and scale the diagram to fit your layout. The whole image scales proportionally — the aspect ratio is locked, so you'll never accidentally squish a flowchart or reveal half a diagram.
Make it small to sit beside a paragraph, or stretch it to the full width of the page for a detailed system map. It always shows the complete picture, sharp at any size.
Fullscreen for the Big, Dense Diagrams
Some diagrams are genuinely large — a microservices map, a complex state machine, a multi-swimlane flow. For those, click the fullscreen button and the diagram opens in an immersive viewer with:
- Zoom — scroll, pinch, or use the on-screen controls to get right down to the detail
- Pan — click and drag (or one-finger drag on touch) to move around
- Fit to screen — instantly frame the whole diagram
- Press Esc to drop back into your document exactly where you were
Why this matters: A diagram is only useful if people can actually read it. Fullscreen means a dense architecture diagram embedded in a one-page brief is still fully explorable — no downloading, no opening another app.
Switch Between "Image" and "File" Anytime
Sometimes you want the diagram rendered inline. Sometimes you want a downloadable file your reader can grab and open elsewhere. You shouldn't have to choose once and live with it.
Select an embedded SVG and the toolbar offers Convert to file — turning it into a clean, downloadable attachment. Select that attachment and choose Embed as image to render it again. The conversion is lossless and instant in both directions; the original file name and details are preserved either way.
Use the embed when the diagram is part of the story. Use the file when it's a deliverable to download. Flip between them as the document evolves.
Big Diagrams That Just Work
Diagrams exported from tools like Mermaid, draw.io, and others sometimes ship without the sizing information a browser needs to display them correctly as an image — so elsewhere they show up clipped, off-center, or blank.
Quixli quietly fixes this on the way in. When you add an SVG, we measure the actual drawn content and bake in the correct dimensions, so even a large exported diagram renders complete and properly framed from the very first paste. You don't have to think about it — it just looks right.
A Note on Safety
Embedded SVGs are rendered in a way that prevents any embedded scripts from running. You get the full visual fidelity of vector graphics with none of the security baggage that raw SVG can sometimes carry — so a diagram from anywhere is safe to drop into your page.
The takeaway: Your diagrams are part of your thinking, not an afterthought. Now they live in your documents the way they should — sharp, resizable, explorable in fullscreen, and ready to be either a rendered image or a downloadable file, whenever you decide.
