Quickstart
Set up your Lottie AI account and go from a plain-language prompt to exported code in a few minutes.
Set up your account and go from prompt to exported code in a few minutes.
Sign up and sign in
Lottie AI uses your LottieFiles account. You can explore lottie.ai without signing in; sign in to generate.
Go to lottie.ai.
Sign in with your LottieFiles account, or create one.
Answer the short onboarding survey. It helps tailor suggested prompts to your work.
Tour of the Studio
The Studio is where you write prompts, preview animations, adjust them, and export.
Prompt box: where you describe your animation. When it's empty, it shows a placeholder and suggested prompts to start from.
Add context or attachment: open Duration, Color palette, Size, or Add SVG. The adjacent mode selector offers Turbo and Quality, plus the From scratch, Illustrations, and Detailed (Quality only) artwork options.
Prompt helpers: use
/commands and@layers to add context.Preview: play or pause, seek frames, toggle looping, and adjust the preview background, playback speed, and view options. Code opens the animation source with a Copy button; Show preview returns to playback.
Objects and Controls: show or hide the right panel. Objects provides search, filtering, layer selection, visibility, and locking. Controls exposes Looks, Recolor, experimental Scripts, and animation-specific groups with re-roll and lock controls.
My animations: open the left-panel tab to search recent animations or start a New animation. It is also available from the account menu.
Account menu: open your profile menu to view your account, active workspace, and plan. It includes Dark mode, Home, My animations, Prompt guide, and Keyboard shortcuts (⌘ / on Mac). You can also manage Completion alerts and cookie preferences, restore the last session when available, or log out.
Your first animation
In the prompt box, describe the style and the motion, for example: A flat blue checkmark that draws itself in, then bounces once.
Choose Turbo or Quality in the mode selector, set artwork options, and submit the prompt. Use Add context or attachment for a color palette, duration, or size. The action label depends on context: Generate Animation without an object selection, and Apply Changes for selected objects.
When the preview appears, use the Controls panel to adjust size, position, rotation, timing, or more. The controls are customized based on the animation you generated.
If you want a bigger change, write a reprompt such as Make the bounce softer and add a green glow.
Click Export and choose your format. See Export for the available formats.
New accounts also see an onboarding task list in the Studio that walks through these steps.