Understanding the interface
Get familiar with the i3Dify project editor and all its features.
Project editor overview
The project editor is where you build and customize your 3D experiences. It's divided into three main areas:
1. Header bar
Located at the top. Shows your project name, save status, an undo button, and navigation back to your workspace. Sharing lives in the Share tab.
2. Preview area (center)
The main area where you see your 3D project. Navigate pages and drag hotspots into place here. Hotspot actions and tooltips only run in the published view.
3. Sidebar (right)
The control panel with tabs for different settings. This is where you upload content, add interactivity, and customize appearance.
Editor tabs
The editor has five tabs. Content and Settings open a second row of sub-tabs, and a few sub-tabs only appear for the project types that use them.
AI
Ask for a change in your own words and the AI assistant makes it in this project: a new color, more pages, a different camera. It spends AI tokens from your plan.
More about the AI assistantContent
What the project shows, in four sub-tabs:
- Files: upload, reorder and remove your pages, photos or screens
- Hotspots: clickable spots on your pages, on flipbooks, albums, business cards, galleries, and desktop and mobile mockups
- Menu: the navigation dock and its buttons, plus links of your own on the lanyard, both mockups, the instant camera, the mug and the can
- Sounds: background music for the project
Settings
How the project looks and moves, in three sub-tabs:
- General: the title and description, and the options of the project type
- Scene: the background (a wall color and texture on the gallery) and realism effects such as film grain and vignette
- Camera: the camera angles, the zoom and auto-rotate
Studio
Direct a camera through the project, then share the result as a page people scroll through or download it as a video.
More about StudioViewer controls
When viewing a flipbook, you and your audience have several ways to interact:
Navigation
- Click page edges to flip
- Use arrow buttons in dock
- Keyboard arrows (desktop)
- Swipe gestures (mobile)
Zoom
- Zoom buttons in dock
- Drag the backdrop to turn the scene
- Mouse wheel (desktop)
- Set default zoom in settings
Interactions
- Click hotspots for actions
- Hover for tooltips
- Click dock links
- Open modal content
Other
- Download PDF (if enabled)
- View page numbers
- Fullscreen mode
- Bookmark pages (if enabled)
Keyboard shortcuts
Use these keyboard shortcuts to navigate faster: