Mermaid-to-Flow
Convert Mermaid markup to FigJam flowcharts
Plugin Preview
About this plugin
Transform Mermaid markup into professional FigJam flowcharts with smart layouts, text wrapping, edge labels, and industry-standard color coding.Features:• Smart hierarchical layouts with automatic positioning• Professional color coding (green start, red end, yellow decisions)• Edge labels for annotated workflows (A -->|"label"| B)• Shape-specific text wrapping for clean diagrams• Support for rectangles [text], diamonds {text}, and ellipses (text)• Both top-down (TD) and left-right (LR) layouts• No external dependencies - works entirely within FigJamPerfect for business process documentation, software workflows, and technical diagrams. Simply paste your Mermaid code and generate publication-ready flowcharts instantly.
Plugin Details
| Version | 3 |
|---|---|
| Created | June 14, 2025 |
| Last Updated | June 16, 2025 |
| Category | Software development |
| Creator | Travis Gregory |
| Stats | 578 installs, 47 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figjam
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code