DiagramPreview

DiagramPreview is a browser-based workspace for previewing and converting text and file-based diagram formats, aimed at developer documentation, architecture notes, product specs, and AI workflows. The page lists tools including Text to Mermaid, Mermaid Preview with a live editor and SVG/PNG export, Mermaid to Draw.io conversion, PlantUML Preview with SVG, PNG, or .puml download, a Draw.io Viewer for local files, and an OpenAPI to Sequence Diagram converter. It also offers a template library, workflow guides, and categories such as AI diagram tools, preview tools, developer diagrams, data and schema tools, and diagram converters. The FAQ states that Mermaid, draw.io file reading, and the basic D2 preview run locally in the browser, while PlantUML source is sent through the site's API to the public PlantUML service. Supported renderers offer SVG, PNG, copy, and print-style PDF export. A paid workflow validation waitlist for an enhanced VS Code workflow is also mentioned, with batch conversion, advanced export, private sharing, team templates, and AI review credits under validation.

Key features

• Text to Mermaid conversion from product notes, incidents, and architecture text
• Mermaid live preview with syntax checks, examples, and SVG/PNG export
• Mermaid to editable draw.io / diagrams.net XML conversion
• PlantUML preview with SVG, PNG, or .puml download
• Local draw.io file viewing with basic shape preview, page switching, zoom, and current page export
• OpenAPI paths converted into a Mermaid sequence diagram locally
• Template library with paste-ready Mermaid, draw.io, API, schema, and DevOps examples
• Export actions including SVG, PNG, copy, and print-style PDF from the workspace toolbar
• Browser-based rendering for Mermaid, draw.io file reading, and basic D2 preview

Best suited for

• Developers documenting architecture and APIs with text-based diagrams
• Teams converting Mermaid diagrams into editable draw.io files
• Users previewing and exporting PlantUML diagrams
• Anyone reviewing or inspecting local draw.io files
• Developers turning AI-generated diagram source text into visible diagrams

Pricing

Not stated on the website