New Diagrams Editor

LeanIX is introducing a Next-Generation Diagram Editor into its product. The editor is based on the capabilities of the editor from diagrams.net, but the diagrams are stored in a LeanIX workspace and integrated for the users' convenience into the inventory functionality.

LeanIX EAM was built on the premise of being the single source of truth for Enterprise Architecture Management, bringing transparency to all contributors and thereby democratizing the knowledge in modern organizations.
The ability to graphically visualize landscapes or smaller parts of them with a dedicated focus on specific topics, such as network architecture, business domains, etc., is an integral part of the work of Enterprise Architects.

With the introduction of the Next-Generation Diagram Editor based on established technology, LeanIX brings state-of-the-art visual modeling to all LeanIX users to democratize the ability to draw relevant visualizations of the Enterprise Architecture.

Next-Generation Diagram Editor - Next-Generation Features

With the Next-Generation Diagram Editor, users will unlock many new features that weren't available in our legacy editor. Here are some highlights:

  • Arrange, distribute and align (left/right/top/bottom)
  • Significant update of shapes to the shape library
  • Better color picker and color management
  • Import and Export functionality (finally a Visio integration, just drag and drop your Visio file into the new editor!)
  • Drag'n'drop images into your diagram

🚧

Images

The Next-Generation Diagram Editor supports images that may not exceed the file size of 1MB.

Include Fact Sheets into your diagrams

In order to include Fact Sheets from the Inventory in your diagrams, perform the following steps:

  1. Click on "+" icon in the toolbar. (alternatively, you can also "right-click" anywhere on the canvas and choose "Insert from Inventory")

  1. On the Filter Component choose Fact Sheets either individually by using the check box to the left and then clicking "Insert selected" or choose a filter and then click "Insert all"

You will receive a rectangular composition of the selected Fact Sheets and all of them are selected, so you can easily adjust their styling, position, alignment, etc.

Link Fact Sheets to shapes in diagrams

To link Fact Sheets from the Inventory into existing shapes in your diagrams, perform the following steps:

  1. Right-click on the shape you want to link. A context menu will appear, click on "Link a Fact Sheet".

  1. The Fact Sheet quick search will appear, showing you a list of all existing Fact Sheets in your workspace. Scroll to choose one or start typing to filter the results you get.

After selecting a Fact Sheet from the quick search, if the selected shape had no background color, the linking process will apply the Fact Sheet's color and its name as a label in the shape. Linking a Fact Sheet to a shape will allow you to see its details in a new tab when you right-click it and select "Open Fact Sheet".

Unlink Fact Sheets from shapes in diagrams

Shapes can be linked to Fact Sheets by either linking them (see step above) or by inserting them directly from the inventory.
You can unlink a shape from a Fact Sheet by right-clicking the shape you want to unlink (it has to be already linked to a Fact Sheet) and selecting "Unlink Fact Sheet".

Once the shape is unlinked to a Fact Sheet, the shape will keep the label and color it already had when it was linked, but it will no longer allow you to see the Fact Sheet details in the context menu.

Change linked Fact Sheet in shape

There are two ways to change a linked Fact Sheet in a shape. You can unlink a Fact Sheet and then link again a new one (two steps) or change the linked fact sheet by doing the following steps:

  1. Right-click the already linked shape and select "Change linked Fact Sheet".

  1. Once the Fact Sheet quick search appears, you can either scroll to look for another Fact Sheet available in your workspace or start typing to filter the results you get.

After selecting another Fact Sheet from the quick search, the label and color will be updated with the newly linked Fact Sheet.

Show dependencies for Fact Sheets

It is also possible to show the dependencies of Fact Sheets in a diagram. Follow this short instructional GIF to see how to show dependent Fact Sheets.

Show drill-down for Fact Sheets

Another way of showing the relations of Fact Sheets is to insert them inside a drill-down container. Follow this short instructional GIF to learn how to show dependent Fact Sheets inside a drill-down container.

Fact Sheet Views

It is possible to select views, as you are used to doing in reports and legacy diagrams. With a selected view, Fact Sheet shapes in the diagram will be colored according to that view.

But there is a difference between view mode and edit mode.

In view mode

While in view mode, you can select a view from the view toolbar above the diagram.

  1. Select the Fact Sheet type for which you want to display a view from the left dropdown.
  2. Select the view for that Fact Sheet type from the right dropdown.

The Fact Sheet shapes in the diagram will be colored according to the selected view:

Next generation diagrams editor with applied lifecycle view and relating view legend.

Next-Generation Diagram Editor with applied lifecycle view and relating view legend.

Only 1 view can be selected at once.

In addition to the views, you can select

  • Apply Fact Sheet type colors: Fact Sheets shapes get their Fact Sheet type color as defined in the Meta-Model.
  • Revert view: This option reverts the colors as they are stored in the diagram. If a custom color was defined for a shape, this color will be applied again. If a view was applied to the diagram in edit mode and then saved, this view will be applied again.
Next generation diagrams editor showing the view option for applying Fact Sheet colors.

Next-Generation Diagram Editor showing the view option for applying Fact Sheet colors.

In edit mode

Views can also be selected in edit mode. When selecting a view, it will be applied to all Fact Sheets of the selected type. After saving the Diagram, the view will be stored.

There is a new view toolbar where it is possible to select a view from a sub dropdown.

3104

Views dropdown in edit mode

After selecting a view, the view colors will be applied to the relating Fact Sheets and the view legend will be shown.

3104

Selected view with view legend

Expanding Interfaces in Next-Generation Diagram Editor.

With this new feature, you can understand the providing and consuming interfaces of an application directly in the Free Draw of the Next-Generation Diagram Editor. Interface Fact Sheets are then represented by an arrow and not a box anymore.
Users can still use “show dependencies” and “drill-down” to get Interfaces as boxes in the regular fashion, we merely added a way to directly go from Application to Application.

800

Expand interfaces in Free Draw

How to get to the Next-Generation Diagram Editor

Log in to your workspace and follow the following steps:

  1. Change the area to "Diagrams" (top navigation bar)
  2. Click on "+ New Diagram"

  1. On the full-screen modal to "Choose a diagram type" select "Free Draw (Beta)"

  1. Use the next-generation diagrams editor.

Release Plan for the Next-Generation Diagram Editor

As of the beginning of March 2022, admins will find a new feature available in 'Administration > Advanced Settings > Optional Features & Early Access': 'Next-Generation Diagram Editor'.

After enabling that, users will have an additional option to create a diagram: "Next Generation Free Draw (Beta)" which will be available along the existing options of "Free Draw", "Data Flow" and "Lucidchart".

New diagrams created with the "Next Generation Free Draw (Beta)" option will be only editable in the new editor - at a later point in time. We will also enable the next-generation diagrams editor for existing diagrams of free draw and data flow.

As soon as the Next-Generation Diagram Editor has all the same features as the legacy editor, it will become the default editor when creating and editing diagrams. The legacy editor will remain until feature parity has been achieved. No migration of diagrams will be necessary.


What’s Next

You can discover the documentation by diagrams.net for more details.