Skip to content
Nodary
Start free
← All updates
DocumentsBy the Nodary team

Class diagrams without the syntax.

Edit UML classes, attributes, methods and relations in a form while the Mermaid source stays yours: every line the form does not touch is kept exactly as written.

Nodary diagram workshop with a guided form listing classes and members next to the live UML class diagram
Inside Nodary · Demonstration data

A class diagram says a lot with little, as long as you remember the syntax for a composition or a cardinality. Mermaid class diagrams now open in a guided form, next to their source.

Classes and members in a form

Open a class diagram and choose Guided classes. Rename a class, and its declaration, members and relations follow; labels and quoted text are left alone. Add attributes and methods, pick their visibility, edit their text, or remove them. The live preview updates as you go.

Relations you can read

Each relation shows its two classes, its type in plain words (inheritance, realization, composition, aggregation, association, dependency or link), the cardinality at each end and its label. Add a relation or change its type without looking up the arrow.

Your source stays yours

The form rewrites only the lines it edits. Comments, styling, notes, namespaces, click actions and anything else it does not understand are kept exactly as written, and listed with their line numbers so you know what the form leaves alone. The Source tab is always one click away, and Mermaid still decides how the diagram renders.

Try it in your workflow

  1. Open the example and choose UML & diagrams, then Guided classes.
  2. Rename Project, add an attribute and change its visibility.
  3. Change the first relation to an aggregation and add a label to the second.
  4. Switch to Source to see that only those lines changed.
Try the example

Guided editing covers Mermaid class diagrams (classDiagram): classes, members, stereotypes shown as written, and relations with cardinalities and labels. Other diagram kinds keep the source editor. Class names use letters, digits and underscores. Unsupported syntax is preserved, not edited. Concurrent edits to the same diagram still ask you which version to keep. The demonstration keeps changes on this page only.

Keep exploring

The Home of Frostline Studio, a fictional games studio, in Nodary: under Your projects, the name of Project Kestrel has turned into a field holding the new name, Glasswing, typed in place beside its 3 documents, with Ember Tactics and Tidewater below and the documents to jump back into above.
Teams and access

Rename a workspace or a project where you see its name.

Press F2 on a project’s or a workspace’s name, or choose Rename in its menu, and the name becomes a field where it stands: on Home, in the top bar, on the map, in Columns or from Ctrl+K. Every open tab follows, and the team’s history keeps each rename.

Read the story
Design pillars of Saltmarrow, a fictional sample project, in Nodary’s editor, opened from the map: Back to the map · Vision at the start of the header, the words “The tide is the clock” selected in a heading with the bubble above them offering B, I, U, S, Link and Turn into, then Clarify, Shorten, Tone and Comment, and below, a list whose items keep their bold “Do:” and “Don’t:”.
Documents

Write by hand, with the keys you already know.

A new document has a line to type on, bold and links stay in lists and tables, a bubble formats what you select and the shortcuts of other editors work. The way back from a document names where it goes, and gets there.

Read the story