Skip to main content
Idea

Convert "diagram as code" flowchart to regular draggable components

Related products:Lucidchart
  • October 23, 2025
  • 3 replies
  • 26 views

The idea is to convert the Mermaid diagram flowchart into standard Lucid components, so one could drag elements around, resize, etc. It would be okay to no longer edit the original Mermaid code, or lose some styling -- it would not need to be an exact representation.

This has also been requested by ​@Bill.Stout and ​@jmesterh in the following thread:

 

Comments

Zuzia S
Forum|alt.badge.img+8
  • Lucid support team
  • 384 replies
  • October 24, 2025

Hi ​@Alokito, thanks for this idea! We encourage anyone else who’s interested in this to upvote this post and share any additional details about your use case or what you’d like to see in this experience. For more information about how we manage feedback in this community, please take a look at this post:

Cheers!


Forum|alt.badge.img

The idea is to convert the Mermaid diagram flowchart into standard Lucid components, so one could drag elements around, resize, etc. It would be okay to no longer edit the original Mermaid code, or lose some styling -- it would not need to be an exact representation.

This has also been requested by ​@Bill.Stout and ​@jmesterh in the following thread:

 

I have the same need. I create mermaid code using agent mode in VS Code (Claude Sonnet) and the ability to just drag and move blocks is very valuable. Because sometimes the texts or other blocks cover /hide/ overlap and there is no way to move them around. Adding transparency + move would be even better.


Zuzia S
Forum|alt.badge.img+8
  • Lucid support team
  • 384 replies
  • October 31, 2025

Hi ​@Chandran Palanisamy, thank you so much for leaving these additional details and feedback, along with your example. Your comments here are helpful to our product teams as they continue to research new product features and enhancements!