The editor
Where everything lives in the editor, what each area is for, and how panels open, move and close.
The editor is one screen. The scene sits in the middle, the tools that add things run along the top, the panels that change how the scene looks open from the left, and the list of everything in it docks on the right.
- 1Project and tools. The project name, Design or Animate, and the tools that add things: import, primitives, SVG, text and stamps.
- 2Share, render, publish. Undo and redo, your AI connection, the people in the project, Render, Publish and the menu.
- 3Scene panels. Environment, Studio Light, Shaders and Post FX. One opens at a time, beside this column.
- 4Canvas. The scene itself. Drag to orbit, scroll to zoom, click to select. Drag its edges to try another size.
- 5Layers. Everything in the scene as one list. It docks to the right edge and the canvas makes room.
- 6Bottom bar. What the editor is doing, the select, move, rotate and scale tools, and the breakpoints.
- 7Material chip. A live preview of the selected object’s material. Click it to open the Material panel.
Design and Animate
The switch between the two modes sits with the build tools at the top.
- Design is where you make the scene: add things, place them, give them materials, light them and add effects.
- Animate is where you will give it movement: a timeline, a scroll, or a response to the visitor's cursor. It is built and coming soon, so during the beta it shows a short note instead. See Animate.
The top bar
The project name sits top left. Click it to rename the project. There is no save button: everything you do saves by itself as you go, and Ctrl S saves at once if you want to be sure.
The build tools add things to the scene: Import for a 3D model, Primitives for a ready made shape, SVG for vector artwork, Text, and Stamp for a relief pressed into a surface. Only one tool panel is open at a time.
On the right:
- Undo and redo. They grey out when there is nothing to undo or redo. Every change in Facet can be undone, see Working in the scene.
- Facet MCP, marked Beta. Shows whether an AI assistant is connected to your account and what it last did here. See Connect your AI.
- Your avatar opens Share, where you invite people to the project. See Share a project.
- Render makes an image or a video. See Render images and video.
- Publish puts the live scene on its own page and gives you the embed code. See Publish.
- The menu.
Render, Publish, Share and the menu take turns. Opening one closes the others, and the editor dims behind it until you click away.
The menu
The menu holds every action in the editor in one place, with its shortcut beside it.
At the top are two tiles: Dashboard, back to your projects, and Genesis, where you describe a shape and generate it (see Genesis). Under them:
| Section | What is in it |
|---|---|
| File | Version history, Import model, Publish |
| Edit | Undo, Redo, Copy, Paste, Duplicate, Delete |
| Add | Primitive, Text, Vector, Stamp |
| View | Camera (new camera, your saved cameras, My view), Grid, Light helper |
| Tool | Select, Move, Rotate, Scale |
| Panel | Environment, Studio Light, Shaders, Post FX, Material, Cloner, Primitives |
Preferences and Cookie preferences sit at the bottom. Start typing as soon as the menu opens to search every action, including those inside sections.
The scene panels
The column on the left opens the four panels that act on the whole scene, in the order you would usually build one:
| Panel | What it does |
|---|---|
| Environment | The lighting environment (HDRI) that surfaces reflect, and whether it shows behind the scene. See Environment and background. |
| Studio Light | The main light and up to eight more, with moods, gobos and caustics. See Lights. |
| Shaders | Stylised effects such as ASCII, Halftone, Heatmap and X-ray, stacked as layers. See Shader effects. |
| Post FX | The camera finish: depth of field, glow, grain, colour and more. See Post FX. |
Only one of the four is open at a time. Each panel has the same header: its name, any buttons that belong to it, and a close button. Drag a panel by its header to move it.
Panel side
Scene panels and the panels for the selected object always sit on opposite sides. If you would rather have them the other way round, open Preferences, then Interface, then Panel side.
Panels for what you select
Selecting something opens the controls that belong to it:
- A primitive shows its own settings, such as width, radius or fillet. See Primitives.
- The Material panel opens with M, from the menu, or by clicking the material chip in the bottom right corner, which always shows the selected object's material. See Materials.
- A cloner shows the Cloner panel. See Cloners.
- A text shows the Text panel. See Text.
Double click an empty part of the canvas to open the Background panel. Double click a selected object to enter Edit mode, where you can pick out and move the individual parts of a model or a vector.
Layers
The Layers button sits on the right edge. Layers lists the whole scene as one stack: every object, the shader effects in the order they apply, and the environment and lights at the bottom. The canvas makes room for it while it is open. See Layers and groups.
The bottom bar
From left to right:
- The status line says what the editor is doing. Long jobs such as publishing, rendering, imports and loading an environment show a slim progress bar that finishes when the work does, or stops in red if something went wrong. Anything that goes wrong is also written to the log beside it, the first place to look if something seems stuck.
- The transform tools: Select, Move, Rotate and Scale, also on V T R S.
- The breakpoints: Desktop, Tablet, Mobile landscape and Mobile portrait. See Breakpoints.
The canvas
Drag to orbit around the scene, scroll to zoom, and drag with the right mouse button to pan. Click an object to select it, and press Esc to let go.
Drag any edge or corner of the canvas to try the scene at another size. Hold Shift to keep the shape of the frame. The size is a view setting for you only: it never changes what visitors see.
When the editor has to stop and prepare something, for example the first time an effect is turned on, the canvas dims with a short note of what it is doing. The panels stay usable, and the note stops appearing for changes your computer handles quickly.
Screen size
The editor needs a screen wider than a phone. On screens 767px wide or less it shows a short note instead. Published scenes, embeds, signing in and checkout all work on phones.
Light and dark
The editor is dark by default. The theme button switches between Dark, Light and System, which follows your computer. Your scenes, thumbnails and colour swatches keep their true colours either way.