Skip to main content
Lucid product team
June 9, 2026
Seeking Feedback

How do you want to use Mermaid diagram-as-code in Lucidchart?

Related products:Lucidchart
  • June 9, 2026
  • 12 replies
  • 1192 views

Hello Lucid Community members!

 

I’m a product manager for a team working on Mermaid diagram-as-code in Lucidchart. 

As we build better support for Mermaid in Lucidchart, we want to understand how you use Mermaid in your workflow, where Lucidchart is currently involved in that workflow, and how we can improve so that Lucidchart can be integrated more seamlessly into your workflow.

 

Goals:

  • Understand how and why you use Mermaid diagram-as-code
  • See if/how Lucid is currently used in your work with Mermaid
  • Learn how Lucid could improve your diagram-as-code workflow
  • Collect feedback on what you would ideally be able to do with Mermaid in Lucidchart

 

💡 Some Discussion Starters 💡

 

🧜‍♂️ Where is the initial mermaid code coming from? 

  • Is it committed to your repository?  
  • Are you using a tool to generate it?

🧜‍♂️ Once the mermaid is imported into Lucidchart, what types of things do you hope to be able to do with it?  

  • Add and delete shapes and lines?
  • Change colors and styling?
  • Modify layout?

🧜‍♂️ Once the diagram looks the way you want it to in Lucid, what do you want to be able to do with it? 

  • Share the diagram with someone else? 
  • Present to someone else?
  • Collaborate with other stakeholders? –  Name their titles.
  • Embed the diagram somewhere else?
  • Export and commit the modified mermaid code back into your repository?

🧜‍♂️ Which types of mermaid diagrams would you like to be able to use?

  • flowchart, sequence, class, ERD, state diagram, mindmap, C4 diagram, gantt, requirement diagram, user journey, pie chart, quadrant chart, gitgraph diagram, timeline
  • Are any of these diagrams more commonly used than others?

🧜‍♂️ What is the lifespan of the mermaid diagram? How is it being used again after the initial creation and collaboration?

  • Do you refer to it again in the future?
  • Is it used by others, and if so, how?
  • If the diagram isn’t used again, does the mermaid code in the repo get used/referred to in the future? When, why? (examples are welcome)

🧜‍♂️ What are the most painful aspects of this workflow? What is the single most painful aspect?

🧜‍♂️ What do you wish Lucid would change or improve to make this workflow better for you?

  • Rank your wishlist from most desirable to least desirable.

Comments

August 31, 2026

Could the Mermaid code box width be increased to at least 50–75% of the screen? It currently appears to be limited to about 30%, making it difficult to read the full code. I often have to copy the code into Notepad to review or edit it.

Ideally, this could be controlled with a slider or a click-to-expand option. 

Ambar D
Lucid community team
August 31, 2026

Hi ​@Drftmnk, thank you for letting us know what you’re hoping to see! I certainly understand your feedback about increasing the width of the code box - this has been submitted as feedback by other users as well! If you’d like to show your support for the idea, I would recommend upvoting the post below and feel free to add a comment there with your thoughts as well.

Finally, for more information on how Lucid manages feedback via this community, take a look at this post: