Skip to main content
ES1
Jun 1, 2021 7:23 AM UTC

Prototype delay duration ⏰⏰

  1. Describe the problem your experiencing and how your idea helps solve this

When using PROTOTYPE > INTERACTIONS > DELAY > AFTER DELAY > 10000ms

  1. Add as much context as possible (screenshots, Figma files, mockups, etc.)

DURATION can’t go further than 10000ms

  1. Ask questions to bring the community into the conversation
    (e.g. Does anyone else experience this? Is anyone using a plugin or workaround to help solve this?, etc.

Would be great to be able to have more time for delays!
100000 max?
1000000? 🙂

29 replies

LuisP
Feb 15, 2024 2:27 PM UTC

Still no fix for this?

Sergio_AH
New Member
Feb 21, 2024 7:48 PM UTC

Not sure if anybody has mentioned this before but I was able to get a longer/slower delay when picking Smart Animate > Custom Spring. You can then play around with the Stiffness, Damping and Mass values (in my case I wanted something very slow - S0.1 D10 M100).

Not the best but it does what I needed.

Dennis_N
Power Member
Feb 23, 2024 9:38 AM UTC

It should be exactly the same like in CSS:

  • No limitation
  • Support milliseconds (ms) and seconds (s)

See: animation-duration - CSS: Cascading Style Sheets | MDN

Why is Figma artificial limiting us?

Amichai_Oron
New Participant
Feb 25, 2024 9:57 AM UTC

yes variables are a huge change ! for the better

hainena
New Member
May 28, 2024 4:49 PM UTC

Such a frustrating limitation. Interactive components + After Delay just begs for people to try and animate in Figma. Then you hit a 10 second transition duration. Just…why? What is the reason?

Brahim_Salami
Jun 12, 2024 11:36 PM UTC

Very frustrating limitation. Designing a kiosk for a client that requires the prototype to go to a particular frame after 2 minutes of inactivity. 20000ms limitation seems arbitrary and illogical. What is the reason for the limitation?

Simon31
Active Member
Jul 25, 2024 10:37 AM UTC

Hi have just made a very long carousel of logos for our panel members. Because of the length of each frame and it being an endless looping animation its speed makes it useless. We need to be able to increase the duration being the limit of 10000ms - ideally double that figure.

Yoo_Jin_Choi
Jul 31, 2024 5:29 AM UTC

hello all, I also think we need longer durations e.g. 3 mins.
use cases:

After delay: an unmoderated prototype(e.g. POC) that needs to go to a default position after some time.

Smart animate: to create a slowly moving background animation effect.

Yoo_Jin_Choi
Jul 31, 2024 8:00 AM UTC

Thanks for sharing the workaround.
I created a timer that will navigate to a Home screen after 3 minutes. The below are the steps.

Steps:

  1. Initialize the Timer:
  • Create a numeric variable #timer to keep track of the countdown.
  1. Create a Component:
  • This component (any text or object) will have two modes: default and intermediate.
  • default mode: Diminishes the timer by 1.
  • intermediate mode: Facilitates the transition back to default mode, creating a loop.
  1. Set Up the Default Mode Interaction:
  • Type: Conditional, after delay - 999 ms.
  • Logic:
    • If #timer != 0:
      • Set #timer= #timer-1.
      • Change mode to intermediate.
    • Else:
      • Set #timer to 180 (equivalent to 3 minutes).
      • Navigate to the Home screen.
  1. Set Up the Intermediate Mode Interaction:
  • Type: After delay - 1 ms.
  • Logic: Change mode to default.
  1. Apply the Component:
  • Paste this component onto the screens that you want to automatically navigate to the Home screen after 3 minutes.
  1. Add Navigation Interaction:
  • For every navigation interaction going to the specified screens, include a ‘set’ interaction:
    • Set: #timer to 180.

I hope this helps.