Motion designers waste hours recreating Figma screens in After Effects before they can animate them. UI Flow bridges the two: select a frame, hit Send to Ae, and it rebuilds as native, layered, vector-editable comps — ready to animate immediately.
Importing Figma as PNG or SVG gives you flat, uneditable junk. UI Flow gives you real layers.
Flat PNG/SVG imports. Strokes, gradients, corner radii, and masks break or vanish. You recreate every layout by hand before you can even start animating.
Select your frame, click Send to Ae, and your design appears as native AE shape, text, and image layers — pixel-accurate and ready to animate.
Select in Figma → Send to Ae → watch the layers panel fill with real shape & text layers, then animate.
Prep and send your work without leaving Figma.
Exports the selected frame or layers straight to After Effects.
Cleans a frame for export — removes Auto Layout, detaches components & styles, deletes hidden layers.
Adds a 50%-opacity reference guide layer to trace over while animating.
Sends just a guide image — no layer data — when that's all you need.
Flag any layer to export as a flat PNG when you want it baked.
The importer is smart, not dumb — it reconstructs your design instead of flattening it.
Rectangles, ellipses, and custom paths become editable shape layers.
Text stays as live, editable text layers — not images.
Linear & radial gradients with correct opacity, intact.
Top/bottom/left/right strokes auto-outlined into shapes (AE can't do partial strokes natively), plus inside/outside alignment.
Mixed, independent corners and arcs outlined to clean vector.
Drop shadows, inner shadows, and gaussian / motion / radial blur rebuilt as real AE effects — plus masks, blend modes & opacity.
UI Flow ships a separate “UI Flow Tools” utility panel — the repetitive After Effects chores, one click each.
Toggles 3D on the selected layer and every nested layer inside precomps — the whole tree at once.
Shift+click to disableTurns on continuous rasterization / collapse transforms recursively, keeping vectors crisp when scaling.
Shift+click to uncollapsePrecomps your selected layers in one step — great for prepping lots of elements to animate.
Shift+click = one precomp per layerThe reverse — explodes a precomp back into its individual layers. AE has no native un-precomp.
Resizes a precomp's canvas to tightly fit its content — exact bounds via real world-matrix math, no wasted space.
Creates a null at the layer's anchor point for parenting & rigging.
Shift = null per layer · Alt = classic AE nullFrom a finished Figma design to editable AE layers in three steps.
Add the Figma plugin and the After Effects extension (ZXP).
Open both, select your frame in Figma, and click Send to Ae.
Your design appears as editable layers in AE — start animating.
Yes. Here's what comes across intact, every time.
Works with After Effects CC 2019 (16.x) through AE 2026 and newer — Windows & macOS.
UI Flow is completely free — no license, no limits.
Skip the rebuild. Bring your Figma screens into After Effects as editable layers and start animating.