This is the manual for the old version of Rive (formerly Flare). Visit the Help Center for the new Rive here.
Add assets to your project by dragging and dropping them into Rive. You can also press the Import button in the Assets pane (in the Hierarchy Panel) to browse for your files.
Items that have been added to your project will appear in the Assets pane. Drag these onto the stage to position them.
You can also drag assets from the Assets pane directly onto an object in the Hierarchy. This will place the dragged asset in the Hierarchy as a child of that object.
Rive supports vector and raster images, which include SVG, PSD (8-bit mode), PNG, and JPG. Be sure to flatten any PSD layer effects before importing into Rive.
To import vector graphics from other software, start by exporting your artwork as an SVG. Drag and drop the SVG into Rive to load it in your Assets panel. We support the most common SVG properties, but if your file doesn't load correctly, please report the issue and include your file here. Different programs export SVGs in different ways and with different features, so we're constantly expanding our support for these.
Imported PSDs appear as a single top-level asset (with a PSD icon), which can be expanded to reveal all the layers included in it. Dragging this top level asset onto the stage (or onto the Hierarchy) will automatically position all the layers.
In some instances, you may need to import a downloaded backup of a file. To import a .flr2d file, start by creating a new Flare file. Drag and drop the .flr2d file (or press the import button in the assets pane) to import it. Note that you may need to delete the artboard from the new file to see your imported artboard properly.
Select an asset and click on the Replace button in the Selection Panel to pick a replacement. You can also drag and drop a replacement image into Rive when an asset is selected under the Assets pane. You'll be asked whether you want to replace the currently selected asset or import the dragged file as a new asset.
If you drag and drop a PSD with the same name as a previously imported PSD, you'll see a similar notification.