Partly. draw.io can share names through file-level placeholders and derive colors from data, but its documentation does not establish automatic, bidirectional synchronization of names, colors, and links between copied shapes on different pages.

For a Mac desktop task, the key decision is whether you need to rearrange one diagram or maintain several independently positioned versions. Applying a layout rearranges existing shapes; maintaining separate pages introduces separate values and settings to manage. The workflow below uses only synthetic nodes and documented editor features. Apply layouts to rearrange a diagram

Which kind of synchronization do you need?

Suppose three rectangles—Node A, Node B, and Node C—appear in a wide arrangement and a tall arrangement. You want each node’s name, fill color, and destination link to agree while its position differs. That request contains several distinct operations:

Requirement Documented approach Boundary
Change the arrangement of existing shapes Apply a layout to the current diagram Rearranges the existing objects rather than maintaining parallel views
Reuse a name across pages Reference a file-level custom property in labels Edit the shared property; direct label editing is a separate operation
Color shapes according to their data Use page-level style rules or supported style placeholders Matching data and applicable rules must be maintained
Give repeated shapes the same destination Set their links explicitly A shared label does not establish a shared destination
Edit any copy and propagate all three attributes No complete workflow established by the cited documentation Do not treat page duplication as an automatic synchronization system

These distinctions follow from the documented scopes: file properties are shared across pages, style rules belong to individual pages, and links are stored as shape metadata. They support a controlled maintenance workflow, but do not establish that separate copies become one editable object. Global custom properties, Change the style of shapes with style rules, Edit shape metadata

Use one set of shapes when only the arrangement needs to change

If you only need to work with one arrangement at a time, keep one editable diagram. This avoids the practical problem of maintaining corresponding copies. draw.io desktop runs on macOS, so this approach does not require moving the task into a browser. Run draw.io offline

Create the three rectangles and connect Node A to Node B, then Node B to Node C. Give them their intended labels, colors, and links before experimenting with placement. Then use the documented layout command:

  1. Open Arrange > Layout.
  2. Choose an appropriate layout, such as a horizontal or vertical flow layout.
  3. Adjust its options and click Apply.
  4. Inspect the result. Press Cmd+Z to undo an unsuitable arrangement.

Layouts operate on existing shapes and use their connections to calculate placement. The current layout documentation also distinguishes connector-only routing from layouts that move shapes. Consequently, rearranging the same objects is the supported way to change presentation without creating another set of properties to reconcile. Apply layouts to organise diagrams quickly

There is one important limitation: applying successive layouts is not a saved-view switch. The documentation says layouts are calculated from the diagram’s current state, so applying another layout does not consistently reproduce an earlier structure. If exact, separately editable positions must remain available, use separate pages and the maintenance approach below. Apply layouts to rearrange a diagram

Share node names across independently arranged pages

For simultaneous wide and tall versions, keep both pages in one file. Start with a page named Wide; later, duplicate it and name the copy Tall. The documented page menu provides Duplicate Page and Rename Page. Duplication supplies a starting arrangement; configure the shared labels explicitly. Add multiple pages to your diagrams

Define names at file scope

Open File > Properties, click Edit Data, and add these illustrative properties:

Property Value
nodeAName Node A
nodeBName Node B
nodeCName Node C

Use Add Property for each entry, then Apply. File properties are available on every page. By comparison, clicking Edit Data with nothing selected defines properties for the current page. That distinction determines whether the names can be shared across layouts. Global custom properties

Make labels reference those names

On the first rectangle, press Cmd+M, enable Placeholders, and click Apply. Set its label to %nodeAName%. Repeat with %nodeBName% and %nodeCName% on the other rectangles. Enabling placeholders and surrounding a property name with percent signs are the documented label setup. Work with placeholders in labels and tooltips

Now duplicate the page and rearrange the duplicate. To rename the logical node later, change its file property. Avoid adding a same-named property to a shape, container, or page: a more specific property overrides the file value. Global custom properties

Think of the label as a reference to the shared name. For this workflow, make name changes in the file properties rather than replacing a displayed label with literal text.

Keep colors consistent without assuming copies are linked

For a small diagram, an explicit style update is often sufficient. Style one rectangle, click Copy Style in the Style tab, select its corresponding rectangle on another page, and click Paste Style. This applies formatting when you perform the command; repeat it after subsequent changes. Shape and connector styles must be copied separately. Copy and paste the styles of shapes and connectors

If only the fill should change, use the Fill color control on the target shape. Copying an entire style can apply more formatting than the intended color change. Change the style of shapes

Use page rules for a repeatable color convention

For several repeated nodes, define an illustrative convention: all representations of Node A use blue. Give each corresponding shape a custom property named nodeKey with the value A, using Cmd+M and Add Property. Custom properties are supported on shapes and connectors. Edit shape metadata

Configure the rule on each layout page:

  1. Open File > Page Setup, then Advanced.
  2. Click Edit next to Style Rules, then Add Rule.
  3. Match property nodeKey using comparison = and value A.
  4. Choose Fill Color, select blue, and confirm with OK.

The rule styles matching shapes on that page. Each page owns its rules, and destination-page rules apply when shapes are copied there. Repeat the convention on Tall; later changes to the convention require updating both pages’ rules. A rule-controlled style cannot be changed through the ordinary format control while that rule applies. Change the style of shapes with style rules

Current documentation also supports dynamic color values through stylePlaceholders=1, including the style fragment fillColor=%color%;stylePlaceholders=1;. This establishes that colors can follow data, but does not establish synchronization of an entire copied shape, including its link. Treat it as an advanced alternative to explicit fills or page rules. Style reference for AI diagram generation

Set links separately and check their destinations

Add a third page named Details. On the Node A rectangle in each layout, right-click, choose Edit Link, select Details from the page list, and click Apply. This gives both rectangles the same explicit destination. The page documentation also states that renaming a destination page automatically updates its linked page name. Add multiple pages to your diagrams

A shared name alone is insufficient evidence that destinations match. The documented link property belongs to the shape’s metadata, so inspect both rectangles when changing their destination. Edit shape metadata

For custom action links, draw.io documents copying an action list or copying all cell metadata. The latter uses Edit > Copy Data and Edit > Paste Data within the Style tab, and also copies other metadata such as tags, tooltips, and placeholders. Reserve that operation for targets that should receive the same metadata bundle. Copy custom links and cell metadata

Verify the result before adding more layouts

Use this small acceptance check on the synthetic diagram. It separates shared values from properties that still require deliberate maintenance:

Check Result to look for
Change file property nodeAName to Node A Revised Both placeholder labels display the revised name
Move the rectangle on Tall The intended independent arrangement remains usable
Apply the blue convention on both pages Both corresponding rectangles display the chosen fill
Inspect each rectangle’s link Both point to Details
Change the intended destination Each affected link is deliberately updated and checked

If a label displays %nodeAName% literally, check that Placeholders is enabled and the property name is correct. If only one label shows an unexpected value, inspect its shape, ancestor, and page properties for an overriding value. These are documented placeholder and scope troubleshooting steps. Work with placeholders in labels and tooltips, Global custom properties

Do not substitute a spreadsheet-refresh workflow for this Mac desktop task. The current data-source documentation explicitly says that data sources cannot be loaded in draw.io desktop. It also says refresh is manual and links supplied through the template’s # link directive are not used. That feature therefore does not supply the requested desktop synchronization outcome. Fill and create shapes from Google Sheets and CSV files

For one arrangement at a time, retain one set of shapes and rearrange it. For several persistent layouts, use shared name properties, an explicit color convention, and separately maintained links. This gives a practical, reviewable result while keeping the documented boundary clear: copied shapes are not established as an automatic, edit-anywhere system for all three attributes.

Sources