Understanding the Editor Interface
A guide to the iArt editor layout and its key components.
Written By Yunfei
Last updated 1 day ago
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.
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
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
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
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.
Next Steps
Now that you know your way around the editor, learn how to write better prompts: