Editor & Workspace
Your main workspace for designing, configuring, and visualizing cabinet projects
Overview
The editor is your main workspace for designing cabinets. It provides a powerful yet intuitive interface for creating, configuring, and visualizing cabinet projects.
Workspace Layout
The editor is divided into key areas:
- Lists all cabinets in the current project
- Click to select and configure individual cabinets
- Drag to reorder (if supported)
- Add new cabinets, spacers, and custom sheets
- Delete selected cabinets
- The main visualization area
- 2D View: Clean elevation view showing cabinet dimensions and positions
- 3D View PRO: Interactive Three.js-powered 3D visualization
- Rotate: Left-click and drag
- Pan: Right-click and drag
- Zoom: Mouse wheel
- View Cube: Click faces to snap to standard views (Front, Back, Top, etc.)
When a cabinet is selected, configure:
- Cabinet name
- Width, Height, Depth (mm)
- Front type (none, single door L/R, double door, drawers)
- Number of drawers (when drawer front selected)
- Construction type
- Material assignments (carcass + front)
- Edge banding per edge
- Tolerance settings
- 3D positioning (X, Y, Z coordinates)
- 3D rotation (Yaw, Pitch, Roll)
2D Workspace
- Clean elevation view optimized for precision layout
- Shows cabinet outlines with dimension labels
- Color-coded by material
- Available on all plans (Free & Pro)
3D Visualization PRO
- Full interactive 3D rendering using Three.js
- Realistic material colors and proportions
- View Cube for quick orientation changes
- Multi-select support for group positioning
- Visibility toggles per cabinet
Toolbar Actions
Up to 50 states of history. Ctrl+Z / Ctrl+Shift+Z
Access PDF reports and CSV exports from the dropdown
Switch between 2D and 3D modes (3D requires Pro)
Click the € badge to open the cost breakdown drawer with live pricing
Opens a project overview panel: part counts, material areas, edge banding totals, countertop area
Open the AI chat sidebar to generate layouts from text or image (2D view only, Pro)
Switch between dark and light mode. Also available via T shortcut
Click the ? button or press ? to open the shortcuts reference panel
Conflict Detection
The editor automatically detects when two or more cabinets physically overlap in 3D space. Conflicts are flagged as errors and listed in the Conflict Panel (visible in the canvas area when detected).
- Uses axis-aligned bounding box (AABB) collision detection
- Spacers and hidden cabinets are excluded from conflict checks
- Clicking a conflict in the panel selects the involved cabinets
- Conflicts clear automatically when you edit the cabinets involved
Global Settings Panel
When no cabinet is selected, the left panel shows Global Settings that apply to all cabinets at once:
Apply banding presets to all cabinets simultaneously: Auto (smart front-edge detection), Band All, or Remove All.
When enabled, the depth of all carcass panels (sides, top, bottom) in the cut list is reduced by 4mm to account for an inset 4mm back panel. The outer cabinet dimensions remain unchanged.
Adding Elements
Standard cabinet with configurable dimensions, materials, fronts, and edge banding
A zero-thickness spacing element. Use it to accurately represent gaps between cabinets in the layout
A flexible free-standing panel (e.g., a countertop, side panel, or filler). Supports X/Y/Z rotation in 90° increments
Keyboard Shortcuts
Shortcuts are disabled when focus is inside a text field, number input, or dropdown. See the Keyboard Shortcuts page for the full reference.
Tips
- Use the 2D view for quick dimension-focused layout, switch to 3D for client presentations
- Name your cabinets descriptively (e.g., "Upper Left 600mm") so cut lists and PDF reports are easier to read
- Use spacers to accurately represent gaps between cabinets in the layout
- Multi-select cabinets with Ctrl+Click to bulk-change material or construction type across many cabinets at once
- The Measurement Summary panel gives a quick overview of the full project without opening each cabinet
- Enable Back Panel Adjustment in Global Settings if you use 4mm inset backs — this corrects depth measurements in the cut list