Skip to main content

Have you ever felt like your flowchart was getting a bit unruly due to its size or complexity? Try using Lucidchart’s Layers feature to scale down a complex flowchart into more comprehensible bite sizes.



 


👷 Build a main layer


There are an unlimited amount of ways you can organize your flowchart using this technique. In this example I’m going to make one main layer that will act as the starting point for my flowchart. To do this:



  1. Click the Layers icon in the bottom-right corner of the workspace.

  2. Click the plus sign icon to add a new layer.

  3. Title your layer. I chose to call mine “Main Layer”.

  4. Drag flowchart shapes onto the layer.



 


Within the Layers menu you have the ability to toggle layers on or off using the eye icon. For now keep your Main Layer toggled on so you know where to add your next shapes.


 


🔨 Build sub-layers for each branch


The next step is to build out a layer for each branch of your flowchart. To do this:



  1. In the Main Layer select and copy the objects you want to duplicate on the first branch of your flowchart.

  2. Add and title a new layer.

  3. Paste the objects you copied from the Main Layer onto the new layer. Drag them on the canvas so that they align with the Main Layer.

  4. Add the shapes for this branch of the flowchart. In each sub-layer be sure to include a shape that will be used as a button to return to the main flowchart. In the next section you will add an Action to this shape.

  5. Repeat steps 1-4 for each branch of the flowchart.



⚡️ Add Actions


Once you have built all of your layers it is time to add Actions to the Main Layer. To do this:



  1. Select Main Layer from the Layers menu.

  2. Click your first shape.

  3. Click the lightning bolt icon in the top toolbar.

  4. Select Layers.

  5. In the “Show” dropdown check the box next to your first layer.

  6. Click Done.

  7. In the “Hide” dropdown check the boxes next to all layers except your first layer.

  8. Click Done.

  9. Repeat steps 1-8 with all other shapes.



 


Don’t forget! You will need to add an Action to your “Return to main flowchart” buttons in each sub-layer. To do this:



  1. Select your first layer from the Layers menu.

  2. Click the “Return to main flowchart” shape.

  3. Click the lightning bolt icon in the top toolbar.

  4. Select Layers.

  5. In the “Show” dropdown check the box next to “Main Layer”.

  6. Click Done.

  7. In the “Hide” dropdown check the boxes next to all layers except for “Main Layer”.

  8. Click Done.

  9. Repeat steps 1-8 with all other sub-layers.



 


🎉 Share your chart!


Now that your chart is finished show off your hard work! One of the best ways to do this is to publish your chart as a URL which you can do by following the steps found in our Publish your Lucidchart document article. Drop the published link in the comments to show how you are using Layers to simplify your flowcharts!

I am following this step by and step, but I can’t figure out how to get just the main layer to display when the chart is first opened.  When I publish and open from the link, every layer is showing until I click the return button.  Then it begins to function how I would expect.  Is there is a way for just the main layer to display initially?  Thank you.  


Hi ​@Beccagrini, thank you for continuing this thread! You should be able to achieve this by toggling your layers to the desired starting view then click the ‘Sync Visibility’ button found in the layers dialogue. This sets the starting view of the document and ensures that anytime a collaborator joins the document, they start by seeing only layers that are made visible.

Would you mind giving this a try and let us know if it doesn’t work for you or if you have any questions? Thanks! :)


This is exactly what I needed, thank you for the help!


That’s great to hear, ​@Beccagrini! I’m glad that was helpful. Feel free to create a new post if you have any questions or topics you’d like to discuss - we love hearing from everyone! Thanks! 


Reply