Editor UI & Key Features
The project editor is where you build and configure your 3D experience. This section introduces the main interface elements and key features.
Editor Layout
Project Editor — Layout Overview
← Mode Tabs
Left Panel (Objects / Options / Pricing / Forms)
3D Viewport
Properties Panel
3D Viewport (Centre)
The main 3D canvas where your model is displayed. Rotate (left-click drag), pan (right-click drag or Shift+left-click), and zoom (scroll wheel) to navigate.
Mode Tabs (Top)
Switch between Objects, Options, Pricing, Forms, and Settings modes using the tabs at the top of the editor.
Left Panel
Contextual panel that changes based on the active mode. Shows objects list, option blocks, price blocks, form fields, or settings.
Properties Panel (Right)
Shows detailed properties for the currently selected object, option, or element. Edit transforms, materials, and configurations here.
Key Features
| Feature | Description |
|---|---|
| Undo / Redo | Press Ctrl+Z / Ctrl+Y (or Cmd on Mac). Works for object transforms, option changes, and more. |
| Transform Controls | Select an object and use the Move (W), Rotate (E), or Scale (R) gizmos to transform it in 3D space. |
| Multi-Select | Hold Ctrl/Cmd and click multiple objects to select them together. Transform all at once. |
| Camera Views | Use preset camera views (Front, Top, Side) from the camera menu for precise positioning. |
| Grid & Snapping | Enable grid overlay and snap-to-grid for precise object placement (especially useful for Modular projects). |
| Pivot / Origin Editing | Edit the pivot point (axis origin) of objects for custom rotation centres. Found in the Objects > Properties panel. |
| Resizable Left Panel | Drag the thin vertical handle on the right edge of the left panel to resize it (200–560 px). Works in every mode — Objects, Options, Pricing, Forms, Animations — for all project types. Double-click the handle to reset to the default width. Your preferred width is remembered across reloads. |
| Resizable Properties Panel | Drag the thin vertical handle on the left edge of the right Properties panel to widen it (240–640 px). Useful for the dense Block Properties, Pricing Block, and Form Field panels where long labels and dropdowns benefit from extra room. Double-click the handle to reset; width persists across reloads. Available on wide displays (≥ 1280 px). |
| Auto-Save | Projects auto-save periodically. You can also manually save with Ctrl+S. |
| Screenshot | Capture a screenshot of the current viewport as a thumbnail or for sharing. |
Keyboard shortcuts: Learn the key shortcuts (W = Move, E = Rotate, R = Scale, Delete = Delete selected, Ctrl+Z = Undo) to speed up your workflow significantly. Focus either resize handle (left panel's right edge or Properties panel's left edge) and use the arrow keys to nudge its width (Shift + arrow for larger steps), Home / End to jump to min/max, Enter to reset to default.
More in Projects
Project OverviewUnderstand the three project types — Viewer, Configurator, and Modular — and choose the right one for your product.Objects ModeManage the scene hierarchy, transforms, pivots, nested subgroups, and per-part visibility in Objects mode.Options ModeAdd and configure the 16 option block types — dropdowns, material swatches, toggles, hotspots, text and number inputs, and more.Modular ProjectsBuild drag-and-drop modular configurators with the snap system, connection rules, and per-side constraints (Pro/Enterprise).Conditional LogicShow, hide, or disable blocks, variants, and 3D parts based on shopper selections with rule-based conditional logic.Pricing ModeSet up CPQ pricing with base prices, price groups, 1D/2D price tables, unique modular prices, variables, and formulas.Forms ModeCollect leads and orders with contact forms — name, email, dropdowns, consent, add-to-cart, and save-configuration fields.Project SettingsConfigure 140+ project settings: display, branding, lighting, camera, AR, e-commerce, email, and PDF export.Sharing & EmbeddingPublish a configurator, generate a shareable link, embed it with an iframe, and control access with passwords and domain restrictions.Augmented Reality (AR)Enable Augmented Reality so shoppers can place products on a surface or try them on (face, wrist, or body) on iOS and Android.