Skip to main content
Khaleel C.m.k.
New Member
July 20, 2025

Apply a delay animation to a group of elements collectively

Hi, I've been working on a prototype, and animating the chat bubbles turned out to be quite a tedious task. To create the animation, I had to duplicate multiple frames and apply individual delay animations to each chat bubble.

I'm wondering, is there a way to apply a delay animation to a group of elements collectively and adjust the timing for each, similar to how you'd stagger animations when loading a collection of cards?

With Figma's current capabilities, the only workaround seems to be creating multiple frames and manually adjusting the opacity and timing for each element to simulate delayed appearance which becomes repetitive and time-consuming when applied across multiple components.

Would love to know if there’s a more efficient approach or if this is something the team is planning to improve in the future.

3 replies

pinuaple
New Member
January 6, 2026

Exactly this, it would go like this

mockup

 

Sarah Shelley
New Participant
October 9, 2026

This is the main thing I built Choreo for: select a frame and it staggers the entrances of the cards, rows and bubbles in order, with the timing adjustable, on Figma's Motion timeline. No duplicating frames or setting delays one by one. Free to try. (I'm the maker.)

https://www.figma.com/community/plugin/1687337482248144520
 

 

pinuaple
New Member
October 10, 2026

GENIO!