🏃‍♂️Рассказываем, как сделать бегущую строку сквозь объект в Figma 🏃‍♂️

Шаг 1.
Добавляем два изображения: одно целое с фоном, второе только объект без фона.
Шаг 2.
Добавляем текст и копируем текст несколько раз, чтобы текстовое поле выходило за пределы фрейма.
Дублируем слой с текстом. У копии текста выключаем заливку и добавляем обводку.
Шаг 3.
Помещаем изображение, на котором есть только объект между текстовыми слоями.
Шаг 4.
Дублируем фрейм. Сдвигаем оба текстовых слоя влево, до того момента, пока последняя надпись внутри слоя не встанет на то же место где начиналась первая.
Шаг 5.
Связываем слои 1-2 со следующими настройками:
After delay - 1ms
Smart animate
Linear - 10000ms
Шаг 6.
Связываем слои 2-1 со следующими настройками:
After delay - 1ms
Smart animate
Linear - 1ms
И вуаля! 🫧
Бегущую строку можно использовать для главных экранов и для визуальных разделителей между разными блоками. Можете менять шрифт, цвет фона, в общем, все, что пожелаете 💫