Approved motion → The rest of your ad set

Copy animation across banner sizes.
Keep each layout.

The animation is approved. Now the leaderboard and skyscraper need the same sequence. Copy motion and timing to matching layers in another size, review the result, and keep the whole set editable for the next client revision.

For agency, studio, and in-house producers delivering multi-size banner campaigns.

From approved artwork to animated ads
The wider Figma-to-export workflow. Follow the steps below to copy motion between existing sizes.

Reuse the animation you already refined

One motion direction.
A different composition in every size.

Your rectangle, leaderboard, and skyscraper have their own layouts. Foldwrap matches layers between sizes in the same creative and copies the animation settings you choose. Text, artwork, and layout stay in place.

Motion

Reuse element entrances, exits, and keyframes. Carry the approved animation style into the next format without rebuilding each effect.

Timing

Copy element frame and duration settings. Bring the headline, offer, and CTA into the same sequence across your set.

Banner settings

Include the overall animation preset, frame delay, and loop setting. Select these separately from element motion and timing.

From one finished size to the next

How to copy animation between banner sizes

  1. Prepare the sizes in one creative

    Import your banner layouts from Figma or create size variants in Foldwrap. Refine the animation on one size to use as your source. Consistent layer names and grouping help match separately imported layouts.

  2. Open the size you want to update

    In the target size’s menu, choose “Copy motion from…”. Select the finished source variant from the same creative.

  3. Choose motion, timing, or banner settings

    Select the settings this size needs, then click “Copy motion”. For a timing revision, you can copy timing without replacing the element motion.

  4. Inspect the matches and preview

    Review the timeline’s matching results, play the full animation, and adjust anything that needs attention at this size. Repeat the copy and review for each remaining variant.

Illustrative production brief

“Can the CTA stay on screen longer?”

The client likes the motion but needs more reading time at the end. Refine the timing on your source size, then copy timing to the other variants. Preview each result before sending the revised set.

Each copy updates one target size. Later source changes require another copy.

One revision, three formats

Refine the source
300 × 250
Copy timing and review
728 × 90
Copy timing and review
160 × 600
Try in live editor ↗

The final production pass

Check the matches.
Watch every size before delivery.

Review layers that need attention

The timeline shows matching results. Layers without a confident match keep their existing motion and timing. Check those layers and refine their animation manually where needed.

Check movement at the target size

Movement distances copy unchanged. An entrance that works in a rectangle may need adjustment in a narrow skyscraper. Watch for clipping, reading time, and the final CTA hold.

Once the set is ready, export your HTML5 banner ads, video, or GIF. Check dimensions, file weight, animation duration, and click tracking against the destination’s requirements. Use the HTML5 banner validator for an additional file check.

Before you copy to the next size

Copying banner animation: practical answers

Can I copy animation between banner sizes imported from separate Figma frames?

Yes, when the sizes are variants in the same Foldwrap creative. Consistent layer names and grouping improve matching between separately imported frames. Inspect the matching results after each copy.

Does copying animation change my banner layout?

The copy preserves the target’s text, artwork, and layout. It applies the selected motion, timing, and banner settings. Movement distances copy unchanged, so preview the animation and adjust it for the target dimensions where needed.

Does this automatically synchronize every size?

No. Each copy updates one target variant in the same creative. If you edit the source later, copy again to the sizes that need the revision. This is not a live link between all banner sizes or separate creatives.

Can I copy only timing and keep the existing motion?

Yes. Motion, element timing, and overall banner settings are separate choices. Select timing alone to copy frame and duration settings to matched layers while keeping their existing motion.

What happens to unmatched or locked layers?

Layers without a confident match keep their existing motion and timing. Locked layers are skipped for motion and timing too. The timeline shows the matching results for review. Overall banner settings still apply to the whole size if you select them.

Will copied animation replace my existing animation?

Yes, the selected motion and timing settings replace those on matched, unlocked layers. Lock a layer to protect its motion and timing, or deselect settings you want to keep. You can undo the copy and continue editing the result.

Can I export the finished banner sizes as HTML5?

Yes. Foldwrap supports native HTML5, video, and GIF exports. Preview each variant and check its exported file against the destination’s specifications before delivery. Copying motion does not guarantee platform acceptance.

Still building the source animation or the next layout?

Start with a motion preset, or adapt your existing creative to a new canvas. Refine that result before copying approved motion.

Keep the next revision manageable

The motion is approved.
Bring the next size in line.

Copy the settings you need. Review each layout. Deliver a consistent animated ad set.