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: