Skip to Content
Zircon3D Designer1. Creating Buildings, Floors, and Rooms

Creating Buildings, Floors, and Rooms

This page explains how to create a new project, open Designer Mode, and build your home layout. You can generate an editable 3D floor from a floorplan image using AI, or create the layout manually using rooms, walls, and building parts.

Create a New Project

  1. Open Zircon3D from the Home Assistant sidebar to access your projects.

  2. Click + New Project from the left project list. Each new project starts with one empty floor.

    You may toggle: Local Only – Keeps your floorplan stored only inside the HA add-on
    (Monitoring data is always stored locally in HA regardless of this setting.)

  3. To begin editing:

    Click Edit on the top bar
    or
    Click Edit → Open Designer in New Tab

    This opens Designer Mode, the workspace for constructing your home layout.

Adding Rooms & Designing the Floorplan

Adding Rooms

  1. Switch to Building Mode using the Editor Bar.
  2. Click on an existing floor or room to set the location where new rooms will be added.
  3. Open the Building Parts panel from the left sidebar.
  4. Drag a room shape onto the Floor in the 3D workspace.

Available room shapes include:

  • Rectangle Room, L-Shape Room, Bevel Room
  • Gable Roof
  • Open Wall (creates a wall opening when dropped on an existing wall)
  • Divider Wall (standalone interior wall)

Selecting a Room

You can select a room in two ways:

  • From the Explorer panel: click the room under the Floor node
  • In the 3D Workspace: ensure you’re in Building Mode and click the room directly

The selected room will display a Position Helper for movement and rotation.

Moving Rooms

When a room is selected, the Position Helper appears:

Room Position Helper
  • Square Handle (blue square) — Move freely across the floor surface
  • Arrow Handles (blue X/Y arrows) — Move along a single axis
  • Center Dot — Free move and automatically re-parent if moved into another room
  • Curved Rotation Arc — Rotate the room around the Z-axis

Resizing Rooms

Rooms can be resized using their handles or by entering a side length:

Room Resize
  • Edge handles (long blue lines) — Stretch or shrink one side
  • Corner handles (circle handles) — Resize two adjacent sides simultaneously
  • Resize by entering a side length
  1. Select the room and hover over a side-length number.
  2. A light-blue background indicates that the number is editable. Click it to open the input popup.
  3. Enter the new length, then press Enter or click OK.

Related sides adjust automatically according to the room’s shape. Press Escape or click Cancel to discard the edit.

Numeric resizing supports rectangular, L-shaped, and single-corner bevel rooms. Unsupported shapes and rooms with more than six sides show read-only measurements, indicated by a grey background on hover.

Note
Hold Shift to resize rooms freely without auto-attach.

Auto-Attach & Combined Walls

  • Auto-Attach — When two rooms are moved close together, their walls automatically snap and attach to create aligned shared boundaries. Hold Shift to resize rooms freely without auto-attach.

  • Adjusting Combined Walls — When multiple rooms share a wall, a pink alignment bar appears.
    Drag either end of this bar to adjust the shared wall and resize all connected rooms together.

Multi-Room Resize

Editing Room Properties

With a room selected, use the Property Panel to:

  • Change the room name
  • Adjust room height
  • View or edit wall openings
  • Manage relationships with other rooms

With a Floor selected, you can also set its floor material in the Property Panel.

Removing Wall Openings

Because openings are empty space and cannot be clicked directly:

  1. Select a room that contains the opening
  2. Open the Property Panel
  3. Under Openings, find the entry for that opening
  4. Click Delete

This removes the door/window opening from that wall.

Summary

Creating and shaping rooms involves:

  • Dragging room shapes into the workspace
  • Moving, rotating, and resizing them with the Position Helper
  • Snapping walls automatically, hold Shift to disable auto-attach.
  • Adjusting combined walls
  • Managing properties in the Property Panel

This forms the foundation of your home layout before you begin placing objects and sensors.

Generate a Floor from a Floorplan Image with AI

If you already have a floorplan drawing, use Generate Floor from Drawing to turn it into an editable 3D floor, including recognized rooms, doors, windows, furniture, and other supported objects.

You can review the recognition and preview the result in 3D before adding it to your project.

1. Upload Your Floorplan

  1. In Designer, open Add on the top bar.
  2. Select Generate Floor from Drawing.
  3. Upload your floorplan as a PNG or JPEG image.
  4. Optionally, use Description to explain the drawing or provide known dimensions. For example: “The floor is 12 metres wide and 9 metres long.”
  5. Click Recognize floor plan and wait for recognition to finish.

For best results, use a clear image of one floor with readable room boundaries, door and window symbols, and dimension labels.

AI recognition uses Zircon credits. The dialog shows the generation cost and your remaining credits before you start.

2. Review the Recognition

Compare the recognized layout with your original drawing. Check the rooms, openings, and objects, and review any warnings or uncertain results.

Pay particular attention to scale. Zircon3D uses readable dimensions from the drawing when available and can also use dimensions supplied in your description. Without usable dimensions, it may estimate scale from familiar objects or use a default scale.

Estimated or default dimensions are approximate. Check important measurements before relying on the generated layout.

3. Preview in 3D

Click 3D Preview to inspect the generated floor.

Check the room shapes, doors and windows, and the placement and size of furniture. Some items may be simplified or omitted if they cannot be generated; the preview displays a notice when areas or items are omitted.

Click Close preview to return to the review.

Opening the preview does not add anything to your project.

4. Add the Floor to Your Project

  1. Click Add floor….
  2. Enter a Floor name.
  3. Choose where to add it:
    • As main floor in a new building, or
    • Add to an existing building.
  4. For an existing building, choose As main floor, Above an existing floor, or Below an existing floor. Select the reference floor when adding above or below.
  5. Click Add floor to confirm.

The generated floor becomes part of your editable project. You can then adjust room shapes, openings, furniture, and other properties using the normal Designer tools.

Repeat the workflow for additional floors.

How Automatic Model Matching Works

Zircon3D recognizes the objects shown in your drawing and automatically selects suitable 3D models from the available model library.

Matching considers the object type, approximate size and proportions, and placement requirements. For supported objects, Zircon3D also adjusts scale and orientation to help them fit the recognized layout.

The selected model represents the recognized object; it may differ from the exact furniture design shown in the drawing. When a suitable model is unavailable, some objects may appear as simple shapes, while others may be omitted.

Review the result in 3D Preview, then replace models or adjust their placement in Designer after adding the floor.

Treat the generated floor as an editable starting point. Clear drawings improve recognition, but some details may still need manual correction.

Last updated on
Designer UI Overview2. Models