Skip to main content
Question

Animation not working on mobile

  • April 22, 2024
  • 6 replies
  • 781 views

Tiz

I have created an animated component, composed of 5 variants (see screenshot). Each variant animate on a delay and a ‘Smart animation’. I have placed a few instances of that Component in a single Frame and modified the delay amount of the instances. When I launch the prototype on desktop, it works perfectly fine, but when I open the same animation on my Android (Browser: Chrome), it doesn’t animate at all.

This is it (click on launch): https://www.figma.com/proto/NQwuTvrmmcqGHaZztdTdKY/BrightLight?page-id=1%3A920&type=design&node-id=217-1086&viewport=103%2C-828%2C0.59&t=xxgyXDWKzjomSIWA-1&scaling=scale-down&starting-point-node-id=217%3A1086&mode=design

Can anyone help? 🙂

6 replies

Tiz
  • Author
  • 2 replies
  • April 22, 2024

https://we.tl/t-POsvgqqd7y Here you can download the .fig file of that particular frame


Vishal_Ramawat

After I click Launch, and land on to the List page, animation doesn’t work. But, if I Refresh the page there itself, animation works fine.
Or, if I just load the List page directly by using the URL, bypassing the Launch, it works fine.
I have not checked the fig file but, yeah, there could be some bug.


Tiz
  • Author
  • 2 replies
  • April 23, 2024

That’s interesting, I wonder why that happens. Thank you for taking the time anyway 🙂


Gayani_S
Figmate
  • Community Support
  • 1944 replies
  • April 25, 2024

Hey @Tiz, thank you for reaching out!

The minimum requirement to view Figma files on Android mobile browsers are Chrome on devices with Android 7 or later. You can read more information regarding this in our Help Center article: Mobile requirements

I’d recommend downloading the Figma mobile app. The app is supported on devices running Android 8 or later. The Figma mobile app lets you access your files and test prototypes. You can also share files, browse multiple workspaces, and mirror frames from your desktop to your mobile device.

Let me know if you have any further questions!


Jennifer_Lily

When animations in your app don’t function on mobile devices, it can negatively impact the user experience and reduce its efficacy. This problem may be caused by a number of things, such as browser limits, performance concerns, or compatibility problems.

Start with performance-optimizing your animations to handle mobile animation difficulties. Large file sizes or intricate animations might put a load on the device’s resources, causing it to function slowly or even crash. To improve performance on mobile devices, simplify animations, minimize file sizes, and take advantage of hardware acceleration whenever feasible.

Make sure your animations work on a variety of platforms and devices to make sure they are compatible with mobile browsers and operating systems. Some CSS features or animation techniques may only be supported to varied degrees by different browsers. To guarantee dependability and consistency across various mobile contexts, make the appropriate adjustments to your animations.

Being the top app developers in Dubai provides access to knowledgeable experts that know how to fix animation problems on mobile devices. Seeking advice from a respectable app development company in Dubai can offer insightful advice and support in resolving animation issues. Their expertise and experience can be used to find the root causes of problems and put workable fixes in place so that animations function flawlessly on mobile devices. By utilizing their experience, you can improve your app’s general usability and make sure that animations boost its functionality and attractiveness on mobile devices.


globaltrue293

If animations aren’t working on mobile, it could be due to compatibility issues or performance limitations on certain devices. Try optimizing animation settings or using mobile-friendly libraries. At Techigator app development, we ensure animations are tested across devices for seamless performance, delivering smooth and engaging user experiences on mobile platforms.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings