Learn how to import files into Fable.
Fable supports a wide range of file formats and integrates with a variety of tools such as Figma, Illustrator, and Photoshop. This article gives an overview of how to import those files into Fable, so you can start animating them on Fable.
How to import
To import your files into Fable, drag and drop the file anywhere on the Canvas, Timeline, or Asset Browser.
You can import multiple files at the same time by dragging and dropping multiple files into Fable.
Fable uploads your files onto our platform and processes them to be renderable on your browser. We show the progress of your upload and processing with a tracker in the bottom left corner of the Canvas.
Supported file formats
PNG, JPG, GIF, WEBP, PSD
MP4, MOV, AVI
MP3, WAV, AIFF
Importing from Figma
There are a variety of ways to get your Figma data into Fable. The easiest way is to use the Figma Plugin.
- Run the Fable plugin in Figma.
- Select layers or frames on your Figma project
- Click the “Copy” button on the Fable plugin.
- Open a project in Fable and paste ⌘V.
To learn about other ways to bring your Figma files into Fable and supported Figma features, refer to the Fable and Figma article.
Importing from Illustrator
You can bring Illustrator layers into Fable by simply copy and pasting into Fable.
- Select layers on Illustrator
- Copy the layers ⌘C
- Open a Fable project and paste ⌘V
Illustrator layers will be pasted as native custom shapes on Fable, enabling you to alter and/or animate any part of your shapes.
If you're using raster effects on Illustrator, we recommend exporting your Illustrator file as an image before bringing it into Fable.
Importing from Photoshop
Fable support PSD formats. You can simply drag and drop your PSD file into the Editor.
Fable imports each layer on your PSD as a separate image layer.