Diagram studio:
text in, diagram out
Flowcharts, sequence diagrams, ER diagrams, Gantt charts and more - typed as plain text, drawn live as you go. Paste JSON and it even sketches your data model for you.
Your next diagram, in words
Start typing on the left - the engine loads on your first keystroke.
Powered by the open-source Mermaid engine, running entirely in your browser. The From JSON mode reads the shape of your data - it never sends it anywhere - and hands you editable Mermaid code, so treat it as a smart first draft you can rename and refine.
Yetty turns what you (or your AI) write into a real, live website - pages, SEO and hosting handled for you.
Diagrams that live
as long as your ideas
Faster than dragging
One line of text per box and arrow. Rearranging a 20-step flowchart is a copy-paste, not twenty minutes of nudging rectangles.
It is just text
Paste it in a doc, a ticket, a git repo or a chat with your AI. Anyone can edit it later without hunting for the original file.
ERDs from real data
The From JSON mode reads an API response or export and drafts your entity diagram - fields, types and relations included.
Always up to date
Because the source is text, updating the diagram is editing a sentence. Stale architecture pictures stop haunting your wiki.
AI speaks Mermaid
Every serious AI assistant can write Mermaid. Ask yours for a diagram, paste it here, polish it, export. Done in a minute.
Clean exports
SVG stays razor sharp at any size; the 2x PNG drops straight into slides, docs and blog posts. No watermarks, ever.
People also ask
How do I make a flowchart from text for free?
Type your steps in Mermaid syntax - lines like "A[Start] --> B[Decision]" - and the diagram draws itself as you type. This studio gives you a ready flowchart template to start from, live rendering, and free SVG or PNG downloads. No account, and your text never leaves the browser.
Can I turn a JSON file into an ER diagram automatically?
Yes - switch to the From JSON tab, paste any JSON object or array, and the studio reads its shape: each object becomes an entity with its fields and inferred types, and nested objects or arrays become related entities linked with crow-foot relations. You get editable Mermaid code back, so you can rename and refine before exporting.
How do I export a Mermaid diagram as SVG or PNG?
Render the diagram, then use the Download SVG button for a crisp vector file, or Download PNG for a 2x-scale raster that stays sharp in slides and docs. Both are generated right in your browser from the live diagram - no upload, no watermark, no signup.