# Quickstart
Find a Lottie animation, preview or recolor it, and add it to a Canva design.

This quickstart takes the shortest path through the LottieFiles app: find a public animation in Explore and add it to the current Canva design.

## Before you start

- Open a Canva design.
- Open **Apps** in the Canva side panel.
- Search for and open **LottieFiles**. See [Installation](/en/integrations/canva/01_quickstart/installation) if it is not available yet.

## 1. Find an animation

Open **Explore** and search for the job the animation should perform. Terms such as `loading`, `success`, `upload`, or `empty state` are often more useful than a visual description alone.

Select an animation to open its preview.

## 2. Inspect the preview

Play the animation and scrub through it before adding it. Check that its timing, visual weight, and background work with the Canva design.

If the animation contains editable colors, open the palette controls and choose a preset palette or create a custom one. See [Recoloring an animation](/en/integrations/canva/03_customize/recoloring-an-animation) for the complete workflow.

## 3. Add it to the design

Click **Add to design**. The animation is inserted into the current Canva design.

Resize and position the inserted element with Canva's canvas controls, then play the design to verify the result.

<Image src="https://assets.docs.lottiefiles.com/static/7691b63f21-640.webp" alt="LottieFiles open in Canva with an inserted animation selected on the canvas" caption="LottieFiles open in Canva with an inserted animation selected on the canvas" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/7691b63f21-640.webp 640w, https://assets.docs.lottiefiles.com/static/7691b63f21-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/7691b63f21-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAsElEQVR4nAGlAFr/AE5zgP9KbID/S2aB/0tig/9CUnr/QEl1/0tKfv9eWof9ACo1Pf8xP0T/Hycy/xMZJP9hZHD/gYGP/0RCU/8RDh3/ACorMf9Ob2H/ISUn/w8OEP+3uLj/9vr4/3R1df8AAAD/ACwwNP8jKCn/GBse/xAQFf/BwsT//////3V1eP8AAAT/AC8tRf83KVj/Ih03/w0PEf9aWl7/gICD/zk6Pv8ICQ38R59NPR8EgyAAAAAASUVORK5CYII=" />

## If Canva offers GIF instead

Some animations cannot be inserted directly because of their duration, dimensions, file size, or unsupported features. Choose an available GIF size to complete the insertion, or select another animation. See [Compatibility and GIF fallback](/en/integrations/canva/04_add-to-design/compatibility-and-gif-fallback).

## Next steps

- Use an approved team file from [Workspace assets](/en/integrations/canva/02_find-animations/workspace-assets).
- [Import your own animation](/en/integrations/canva/02_find-animations/importing-an-animation).
- Turn static artwork into motion by [animating an SVG](/en/integrations/canva/03_customize/animating-an-svg).
- Choose a child animation from a [multi-animation dotLottie](/en/integrations/canva/03_customize/working-with-multi-animation-files).
- Continue with advanced changes in [Lottie Creator](/en/integrations/canva/03_customize/editing-in-lottie-creator).