Skip to Content
Nextra 4.0 is released 🎉
Zircon3D DesignerDesigner UI Overview

Using Designer

The Zircon3D Designer is the workspace where you build, edit, and configure your entire 3D home or building model. It provides the tools needed to design your floorplan, place objects, and link real-world sensor data to create meaningful visualizations.

With the Designer you can:

  • Create and edit your Home Plan, including buildings, floors, rooms, walls, openings, and structural elements.
  • Place objects such as furniture, lights, sensors, and appliances, and organize them within your space.
  • Bind monitored devices, entities, and data points from Home Assistant to enable rich, real-time Data Visualization.
  • Configure Heatmap Layers, Dashboards, and View Profiles to create customized monitoring views for daily use.

Use Designer Mode to build your environment, configure data, and prepare the views that will later be explored in the Viewer.


Designer Mode UI Overview

The Designer UI consists of several functional zones:

Designer UI overview
  1. Title Bar
       Shows the application title and the current project name, and provides Undo, Redo, and Save actions for the current project.

  2. Editor Bar
       Switches between Building Mode and Objects Mode, and allows you to add new buildings or floors.

  3. Left Side Panels
       Switch among side panels: Building Parts, Objects, Monitoring, Layers, Dashboards, and View Profiles.

  4. Quick Access Buttons
       Toggle full screen, and hide the entire UI layer.

  5. Breadcrumb Navigation Bar
       Changes the scope of the home plan, for example, to show only a specific floor.

  6. Property Panel
       Shows the properties of the currently selected location, including rooms, floors, objects, or sensors.

  7. Status Bar
       Provides quick access to designer settings, including connection status, quota status, heatmap topic, heatmap replay timeline, and view settings.

  8. Center 3D Workspace
       Where you draw rooms, move walls, place objects, and view your floorplan.


Camera Control

The camera determines how you view the 3D scene. You can pan, rotate, and zoom to inspect your layout from any angle.

  • Panning — Hold the right mouse button and move the mouse.

  • Rotating — Hold the left mouse button and move the mouse.

  • Zooming — Use the mouse wheel to zoom in and out.


Change Scope

Scope defines how much of the project is visible at once.
By default, the scope is Site, which displays all buildings and floors.

Using the Breadcrumb Navigation Bar, you can adjust the scope to focus on:

  • Building — Show one building
  • Floor — Show one specific floor

This helps reduce clutter and simplifies editing.


Selection & Edit Modes

Zircon3D provides two editing modes:

  • Building Mode
    Edit building structure such as rooms, walls, windows, doors, and openings.
    Objects cannot be selected in this mode.

  • Objects Mode
    Edit furniture, lights, sensors, appliances, cameras, and other objects.
    Building parts cannot be selected in this mode.

Last updated on