.flafiles saved in Animate CC or later- XFL folders, zipped into a single
.zipfile
Converting a Flash file
1
Open the File Browser and select the project and folder you want the file to go in.
2
Drag the
.fla or zipped XFL file into the file browser.The original
.fla or .zip file isn’t kept. Keep a copy if you want to make changes in Animate later.How Animate content converts
The converter uses Rive features that work the same way as the original Animate features.
Shapes, primitives, solid and gradient fills, dashed and dotted strokes, and guide and folder layers also carry over.
Frame labels and scripts
Frame labels become states in the artboard’s state machine. Frame scripts that callstop(), gotoAndPlay(), or gotoAndStop() become transitions between those states. Targets can be frame numbers or labels. Scripts can be ActionScript 2, ActionScript 3, or HTML5 Canvas JavaScript.
Only top-level calls convert. Calls inside functions, event handlers, or conditionals depend on information the state machine doesn’t have, so they’re skipped.
Buttons
Button symbols get a state machine with Up, Over, and Down states. The Hit frame becomes an invisible hit area with Listeners that track hover and press. If the Hit frame is empty, the Up frame is used instead, as in Animate. Hover and press are stored ashovered and pressed properties on a View Model named after the symbol. Each placed button gets its own instance of that view model, so each button responds on its own.
Graphic symbols
Graphic symbols keep their playback settings: Loop, Play Once, Single Frame, and both reverse modes, along with first and last frame. Their playback stays synced to the parent timeline.Fonts
Font names carry over to text styles. Inter is embedded as the default font. If a font isn’t available in Rive, import it and assign it to the affected text.Limitations
Some Animate features don’t convert:- Additional scenes: Only the first scene converts. Scripts that jump to another scene are skipped.
- Color effects, filters, and blend modes: Tint, brightness, advanced color effects, filters, and blend modes are removed. Alpha converts to opacity.
- ActionScript logic: Only the frame script calls described in Frame labels and scripts convert. Other code is removed.
- Images that can’t be decoded: These are left out of the converted file.
After converting
The converted file is a starting point. Review it and adjust as needed:- Check that fonts look correct, and import any that are missing.
- Rebuild color effects and filters with Rive features, such as fills, opacity, or Blend Modes.
- Remove artboards you don’t need. To match Animate’s 9-slice behavior, a symbol placed at several different scales gets a separate artboard for each scale.
- Rename states, timelines, and view models to fit your project.