Hi everyone,
I'm working on a Morse code learning interface in Figma where dots and dashes animate with different timing values during prototyping.
The issue I'm facing is:
- Short signals (
.) and long signals (-) require different animation durations - Components inside Auto Layout shift unexpectedly during prototype playback
- Variable-based timing does not stay consistent when switching between interactive states
- Smart Animate sometimes merges frames incorrectly when repeated Morse characters appear consecutively
Example:
Input text: SOS
Expected Morse playback:... --- ...
Current behavior:
- Delays become inconsistent after several transitions
- Repeated elements overlap or reset unexpectedly
- Auto Layout spacing changes between states
What I’ve already tried:
- Separate components for dots and dashes
- Boolean variables for active/inactive states
- Interactive components with custom easing
- Nested Auto Layout frames
Has anyone built a reliable signal/sequencing system in Figma for something like Morse code playback, LED blinking, or timed communication animations?
Would appreciate any workaround, plugin suggestion, or prototype architecture advice.
Thanks!