Skip to main content
Idea

Convert "diagram as code" flowchart to regular draggable components

Related products:Lucidchart
  • October 23, 2025
  • 5 replies
  • 182 views

Forum|alt.badge.img+1

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 community team
  • 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 community team
  • 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!


Forum|alt.badge.img
  • February 9, 2026

Hi ​@Zuzia S ! Indeed I fully support this feature, our team has felt the need for months now. I don’t find the current version of LucidAI usable for our use cases to build process charts because:

  1. it does not respect the styling we ask it (e.g., colors, icons/images, containers, arrows and placements)
  2.  the elements are usually placed in a weird way so the whole point of automated this tedious part is gone
  3. it struggles to edit existing diagrams

From these pain points, one could suggest to move to mermaid.ai, which makes natural language<>code<>diagram smooth while still being editable manually - however I still find that Lucidchart gives the best cosmetic and manual control and user experience so it would be absolutely AMAZING if you guys could bring in similar features from mermaid into lucidchart (the current import of the mermaid code as image is not very useful because you cannot edit manually with drag and drop).

 

Thank you !!

 


Zuzia S
Forum|alt.badge.img+8
  • Lucid community team
  • February 11, 2026

@Francois It’s great to see your added perspective here, especially with the detailed examples you have shared. Thank you so much for that! Specific feedback like this makes a real difference when new enhancements are being considered.