Import Lottie, SVG and pictures
Mosso opens the files you already have. This guide covers what it reads, the size limits and the quickest way in from Figma.
What Mosso can open
| File | Up to | Comes in as |
|---|---|---|
| Lottie (.json or .lottie) | 25 MB | An animation layer, or a new project |
| SVG | 5 MB | Shapes you can animate |
| PNG, JPEG, WebP or GIF | 40 MB | A picture layer, shrunk to a sensible size |
You can bring in up to 50 files at once.
Open a Lottie as a new project
On your projects page, choose Open a Lottie file, or just drop a .json or .lottie file on the page.
Mosso reads and checks it, then opens it in the editor.
Working on this website? The free Lottie viewer can hand a file straight to the editor too.
Add files to a project
Click Import in the top bar and pick files, or drop them on the canvas. For each file Mosso shows a preview and checks what you can edit.
An imported Lottie comes in as its own layer. You can set where it starts, whether it loops or plays once, and swap its flat colours for your brand colours with Use brand colours.
Bring designs over from Figma
- Select your layers in Figma.
- Right-click, choose Copy as, then Copy as SVG.
- Paste into Mosso to animate the shapes.
In Figma, right-click the layers and choose Copy as, then Copy as SVG. Paste into Mosso and the shapes come in ready to animate.
Something missing or wrong here? Write to hello@mosso.video.
Try these animations
Open an example to try its colours and timing, or edit it in Mosso.