Skip to main content
ES1
June 1, 2021

Prototype delay duration ⏰⏰

  • June 1, 2021
  • 29 replies
  • 11205 views
  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
February 15, 2024

Still no fix for this?

Sergio_AH
New Member
February 21, 2024

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
February 23, 2024

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
February 25, 2024

yes variables are a huge change ! for the better

hainena
New Member
May 28, 2024

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
June 12, 2024

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
July 25, 2024

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
July 31, 2024

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
July 31, 2024

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.