Who this is for: Designers handing off Figma-origin screenshots for a motion brief.
What to prepare
- Selected design frames with owner approval
- Manual image exports
- Per-screen implementation status
- Action notes and unresolved decisions
Identify the status of each design screen
Before exporting, ask the design owner which screens are current shipping references, proposed changes or unresolved explorations. Record that classification per asset. A mixed file can contain all three, and a polished mockup is easy to mistake for a released screen.
This is a manual asset preparation workflow. It does not claim Animro imports Figma files, reads component structure or connects automatically to a design account.
Illustrative handoff register
The fictional task is editing the owner of sample request R-071. The designer supplies individual image exports from the selected frames and retains the original source references internally.
- 01-request-start.png: R-071 detail screen; owner Unassigned; status “Shipping reference, confirm against current product.”
- 02-owner-options.png: proposed dropdown layout; status “Prototype concept”; unresolved question: is search inside the menu required?
- 03-request-assigned.png: owner Example reviewer; status “Prototype concept”; confirm the actual save step before presenting the transition.
- Frame notes: record source frame name, intended viewport, visible sample data and any omitted overlay.
- Asset note: keep a full-frame export plus optional close-up crops. Do not flatten the status label into a location that a crop will remove.
Separate design intent from verified interaction
Write the intended action beside each frame: open owner control, select reviewer, save. Then mark which actions have product evidence. For the example, the menu and save behavior remain unresolved; a conceptual walkthrough can explain the proposal if labeled, while a shipping-product demo must wait for verification.
Specify what must remain unchanged across exports: request identity, workspace name, theme, sidebar state and sample content. Similar-looking frames from different design branches can create an impossible sequence.
Give production usable files and decisions
Include approved logos, exact on-screen copy and a list of open questions. Keep meaningful file names and avoid a folder full of indistinguishable exports. Explain any intentional cropping or redaction so the animator does not “repair” it by inventing content.
Inspect exported text at the intended display size and compare it with the source frame. If a font, image or overlay is missing, resolve the export with the design owner before animation. The handoff should make uncertainty visible, not hide it inside beautiful images.
Review checklist
- Every asset is classified as shipping reference or concept.
- The handoff explicitly uses manually supplied exports.
- Frame names and sample data are consistent.
- Intended interaction is not presented as verified implementation.