Understanding the Editor Interface
A guide to the iArt editor layout and its key components.
Editor Overview
The iArt editor is where you create, preview, and refine your animated videos. It's designed to be intuitive — most of your interaction happens through the chat sidebar.
[Screenshot: Full editor interface with labeled regions — preview panel, chat sidebar, toolbar]
Preview Panel
The preview panel is the main area of the editor where your video plays. Here you can:
- Play/pause your animation
- Scrub through the timeline to see specific moments
- View real-time updates as the AI makes changes
[Screenshot: Preview panel close-up showing play controls]
Chat Sidebar
The chat sidebar is your primary tool for interacting with the AI. This is where you:
- Submit prompts to create or modify your video
- View AI responses and generation progress
- Review scene cards showing each clip in your project
- Browse conversation history for previous edits
[Screenshot: Chat sidebar close-up showing conversation and scene cards]
Top Toolbar
The toolbar at the top of the editor provides quick access to:
- Project name — Click to rename your project
- Settings — Access project and export settings
- Export — Render and download your video
- Share — Generate a shareable preview link
[Screenshot: Top toolbar close-up with key buttons labeled]
Code Editor
For advanced users, the code editor shows the generated animation code. Most users won't need to interact with this panel, but it's available if you want to see what's happening under the hood.
Workspace Prompt Bar
At the bottom of the editor, the prompt bar lets you quickly type edit requests without scrolling through the chat. This is your fastest way to make quick adjustments.
[Screenshot: Workspace prompt bar at bottom of editor]
Next Steps
Now that you know your way around the editor, learn how to write better prompts: