Mermaid Chart
p/mermaid-chart
A smarter way to create diagrams
Matthew Firestone

Mermaid AI β€” Maximize your diagramming efficiency with Mermaid AI

Featured
33
β€’
Mermaid AI revolutionizes diagram creation with its fast and efficient prompt to diagram generation. It streamlines the diagramming process, enabling quick and clear visual representations. Say goodbye to complex, time consuming tools and hello to Mermaid AI.
Replies
Best
Knut Sveidqvist
Hey everyone @ProductHunt! Knut here - creator of Mermaid and co-founder/CTO @ Mermaid Chart πŸ‘‹πŸ‘‹πŸ‘‹ At Mermaid Chart, we’re on a mission to revolutionize the way you create diagrams and visuals. 🌟 With our innovative AI-driven tool, Mermaid AI, we’re eliminating the complexities and time-consuming aspects of diagramming, so you can focus on bringing your ideas to life effortlessly. Mermaid AI is designed to enhance your diagramming experience by removing the design and layout steps, allowing you to create complex visuals with simple, descriptive prompt inputs. Our tool assists you in iterating on every aspect of your diagrams. It generates diagrams using Mermaid syntax, empowering you with the full editing capabilities of Mermaid Chart. Once the AI creates the diagram, you can seamlessly continue refining it using our code editor, visual editor, or even make further changes with the assistance of Mermaid AI. Special Shoutout: Don’t miss this amazing video by Forrest explaining how Mermaid AI works and how it can transform your workflow. Watch here:
We’re excited to hear your thoughts and feedback! πŸ’–
Knut Sveidqvist
@producthunt @antonikozelski Thanks, it is very exciting!
This is cool! On the editor screenshot there are 2 types of syntaxes to define the flow? Is this a custom syntax or universally applied by workflow softwares? Trying to know if this is exportable or importable with cross softwares Thanks!
Knut Sveidqvist
@charlestehio Hey Charles! There are different syntaxes for different types of diagrams. One for flowcharts, one for class diagrams etc. Mermaid syntax in itself is very common for many applications and you could use the diagram code in other systems that support Mermaid. It will depend from system to system.
Mike Kyriacou
Congrats @andrewfirestone @knut_sveidqvist and team! Looks like a really elegant use of AI to do something hugely useful that OpenAI just cannot do. Andrew - you're on another winner with this one - great stuff!
Andriy Semenets
Congratulations on the launch! I see that it's made in the form of a chat. Does it mean that I can iterate multiple times on the same diagram just by chatting with AI about it? Or does it generate a new diagram each time? Thanks.
Knut Sveidqvist
@semanser Thank you! It can iterate on the diagram multiple times. Mermaid AI is another way to update the diagram.
Shawn Searcy
Tried to subscribe with coupon HUNT2024. Got message "This code is valid, but doesn't apply to items in your order."
Dominic DeWalt
Hi @shawnsearcy, thank you so much for catching this! It seems that the coupon code was restricted to a specific product tier. I've created a new one that we'll replace here on the launch page that will work for all product tiers, but I'll also paste it here for you! Please use this code for the 25% off instead: ProductHunt2024
Jay Cuthrell
Go go @knut_sveidqvist and Mermaid AI team! πŸ‘πŸ‘πŸ‘
Inge Wertwijn
Exactly how customisable is the new editor? My diagram always turn out too big, too sloppy, i want to improve their looks
Vedant Pandya
Product visions and flow mapping has been so much easier since I discovered this few months ago. This needs to go viral ASAP. Keep up the great work team. Kudos πŸ₯‚
Knut Sveidqvist
@vedant_pandya Thanks! I am glad this has helped you!
TJ Larkin
Hey Knut and team! I just wanted to give kudos for the amazing work on the integration with Mermaid syntax. The ability to refind diagrams using both a code editor and a visual editor is truly fantastic. It's great to see a tool that caters to both technical users who prefer the code editor and non-technical users who prefer the visual editor. Keep up the great work.
Syed Ammar Qadir
Awesome. Big fan of Mermaid Chart and the concept of diagrams-as-code, used it in many work projects. Excited to use the Gen AI tool.
Chris Forrester
a. This is great, and I really enjoy the updates b. I don't think these guys understand how instrumental their /format/ has and will continue to be with agent-to-agent ai communication flow, since the top llm's know how to use it like any other coding language, and with the giants it always demonstrates pitch-perfectly. @knut_sveidqvist feel free to reach out if you're curious about your impact with developers globally in this otherwise hard-to-communicate facet of the gem y'all have built!
Muhammad Yaseen
Does Mermaid AI support collaboration features, allowing multiple users to work on the same diagram simultaneously?
Knut Sveidqvist
@muhammad_yaseen9 Not yet. For now collaboration is available in the editor where you can update a diagram together with other users.
Kyrylo Silin
Hey Knut, How customizable are the diagrams generated by AI, and can users easily edit them after creation? This could really enhance user experience. Congrats on the launch!
Knut Sveidqvist
@kyrylosilin Thank you so much for the kind words! 😊 Our diagrams are easy to modify! You can easily tweak them to your heart’s content. After AI generation, you have several options: 1. Chat for Edits: Continue chatting about the diagrams for on-the-fly adjustments. 2. Mermaid Code Editor: Use our Mermaid code editor for precise control. 3. Visual Editor: You can also use our interface to interact with the diagram using your mouse, like for instance quickly changing the label in a node. We’ve designed it this way to make sure your experience is not only powerful but also fun! 😘✨
Kehui Guo
I'm impressed by how Mermaid can update the diagram so easily. Good luck!
blank
Wow, @knut_sveidqvist! This is seriously impressive! Love how Mermaid AI is making diagram creation so much easier. Can't wait to see how it transforms my workflow. The combo of AI and Mermaid Chart is a game changer! Keep up the awesome work, you guys!
Knut Sveidqvist
@blankwebdev Thanks for the feedback. Good to know that we are on the right track! πŸ˜€
Henry Rausch
I'd like to try the pro plan, but when I try to use PRODUCTHUNT2024 I don't get any discount...
Liu Alex
Finally the ai workflow tool is coming out!!
Jayesh Gohel
Hey @knut_sveidqvist Mermaid AI is like a magic wand for drawing pictures! Just tell it what you want, and it quickly draws it for you. No more hard-to-use drawing tools. Mermaid AI makes it super easy and fast to create clear and simple pictures.
Alena Bacharova
Congratulations on the launch! Great job on pushing the boundaries of diagramming!
Jane
Congratulations! Visual learners, gather round! Mermaid AI is your new best friend – a wonderfully handy tool that's as friendly to beginners as a welcome mat at a cozy inn. Now, here's the kicker: does it have a superpower feature that lets you select multiple nodes and make the same changes all at once? For example, changing the color of several shapes without having to do it tediously, one by one.