Use this to create a floorplan graphic using the Graphics Builder.




1 – Navigate and Create

  1. Navigate to the desired floor you want to create graphic for.

In the breadcrumb list, make sure your designated floor is the stopping point.

  1. Select > System integrator Apps > Graphics Builder.
System Integrator Apps > Graphics Builder
  1. In the Graphics Builder slider menu, click New.
Graphics Builder slider menu
  • The Create a Floorplan Graphic dialog box displays.
  1. Fill out required fields.
  1. Click OK.
  • When you click OK, more required fields display.
  1. Fill out the required fields again.
  1. Click OK again.
  • The Floorplan is created.
Create a Floorplan Graphic related fields



Graphic Name

Name the floorplan graphic.

Pick a Sample Equip

Select the sample to display on the graphic.
The drop-down list is populated with equip’s that reference the floor.

Pick Default Point

After selecting above, Default Point selects Room Temp as default.
The value displays on the floorplan.

Pick Comparison Point

(Optional). Used when a temp setpoint is available.
If a setpoint is selected, the gradient displays the color based on the difference between the selected default point and comparison point.
If no point is selected, the gradient is determined based off default temp.

Equips that Have

Displays the selected equip.

Set the minimum value for legend
Set the maximum value for legend

Set minimum and maximum values

Make Legend gradient


2 - Bring in the Image

Graphics Properties Pane
  1. In the Properties Pane > Basic view, click the Background drop-down.
  1. Change the type from color to image.
  1. Click Browse.
  • The Import dialog box displays with all files.
  1. Select the file from the dialog box and then click Import.
  1. Adjust image size if needed.

3 – Draw and Bind Zone Poly’s

  1. Click in the Components pane and select Virtual Points.
  1. Select the virtual point for the equip before you draw it.
  1. Click Polygon .
  1. Draw out the poly’s as desired.
    Click the ESC key to stop drawing the poly.
  1. Select the point to verify it.
  1. Navigate to the Properties pane.
  1. In the Advanced view, find virtualpointref
  1. To edit mistakes, click Polygon Edit .
  1. Drag-and-drop the virtual point over the correct poly to update the binding.

4 – Utilize Magic Buttons

  1. In the Graphics Builder Edit menu, click Magic Buttons .
  1. Under the Floor section, click Smart Label to Polys.
  • Clicking Smart Label to Polys displays the Smart Labels over the poly with the same Virtual Point binding
    As long as each poly has the same point, the Smart Label displays over the binding.
Magic Buttons Floor

Desigo Optic automatically sizes the Smart Labels to match the label size of the Poly.

Resizing Smart Labels

  1. To manually resize the Smart Labels, select the label.
  1. In the Magic Buttons menu, click Resize.
  1. In the slider menu, select one of the options.

Global Resizing Smart Labels

  1. In the Graphic Builder menu, click Components.
  1. Click Smart Label.
Smart Label slider menu
  1. In the slider menu, click Select.
  1. Click Magic Buttons.
  1. Click (global) Resize.
  1. Select one of the options in the slider menu.
  • The Smart Labels resize.

5 – Save and Close

Click Save to publish the graphic and save changes.