Skip to main content

The Device Tree

The Device Tree is the primary navigation and management tool in Wiringly. Located on the left side of the interface, it provides a hierarchical view of your entire harness project.

Overview​

Think of the Device Tree as your project's inventory manager. It shows every component you've added to the design, both components and connectors.

Key Features​

  • Hierarchical View: Devices are the top-level items. Expanding a device reveals its connectors, and expanding a connector reveals its individual pins.

  • Status Indicators: Visual cues help you see which pins are connected and which are still open. Motorsport Harness Device Tree Hierarchy and Pinout Navigation - Wiringly

Adding Components​

There are two primary ways to add items to your project using the buttons at the top of the Device Tree:

1. + Library​

Opens the Component Library. Use this to add pre-defined components like ECUs, Sensors, and Actuators.

  • Search: Find parts by name or category.
  • Select: Clicking a card immediately adds that device to your tree.

2. + Connector​

Adds a Standalone Connector. Use this for inline connectors, bulkheads, or any connector that isn't part of a specific device.

  • Admin made connector: Select from common connector types (e.g., DT, DTM, Superseal) that's already saved in connector library
  • Create a connector: Build a connector with all the information and it will be added to your connector library for future use. Like in component library, we recommend to take your time filling out the information. It will benefit you in the long run. And it's not too difficult to do properly once.

Managing Devices​

Right-clicking on any item in the tree opens a context menu with actions specific to that item.

LevelActions
DeviceEdit Device: Change component specifications. Meant for small changes like renaming or similar.
Edit Description: Change component description.
Delete: Remove device and all its connections.
Duplicate: Create a duplicate of the device.

| Connector | Edit Device: Change connector specifications. Meant for small changes like renaming or similar.
Replace Connector: Change the connector to another one. . | | Pin | Edit Description: Add description to the connector to make it more meaningful.
Duplicate: Creaate a duplicate of the connector.
Delete: Remove the connector and all its connections |

Hiding Completed Items​

The "Hide connected" toggle at the top of the tree allows you to filter out devices that are fully wired. This is extremely useful for focusing on what work is remaining in large projects.

Design Workflow Tips​

  1. Populate First: It's normally best to start from Control unit. ECU or PDM are good starting points. Program will collect the suggested wire colors from control units definitions, so that's also reason to start with that. Then add sensors and actuators go the general direction where they are going to be located in canvas. Make connections and then you can specify the measurements.
  2. Use the Tree for Navigation: Clicking a pin in the tree will highlight it on the canvas (if it's placed), making it easy to find specific connections in a busy diagram.
    • Example: Rename Sensor to FL_Wheel_Speed.
  3. Connector Naming Strategy:
    • By default, connectors are auto-named sequentially (e.g., C001, C002).
    • Pro Tip: Rename these to names that make sense to you, like AtomX A, CLT, IAT, or Firewall_Main. Or use some codes - what ever makes most sense for you. This makes it significantly easier to select the correct target when making connections in the table view or schematic.