Skip to main content
Question

Smart animation prototype is not showing properly in preview mode.

  • January 20, 2025
  • 5 replies
  • 39 views

Satish Hebbar

Hey All,

 

I am new to figma and i am struggling with the smart animation prototyping. When frames are previewed separately it will show properly but if i put that frame in any mobile device frame, when i click preview, the screen goes black and animation attach top of the device. 

I attached the preview of it.

 

Anyone can help me what may be the issue and how to resolve it? 

Greatly appreciate your help here πŸ˜Š 

Nellya
  • Power Member
  • January 20, 2025

Hard to tell the reason of the problem without link to the file or more screenshots, but my guess is you use smart animation between frames, but you need an interactive component instead. 


Satish Hebbar

​@Nellya Thank you so much for the reply πŸ˜Š. Ok will try with the component.


Satish Hebbar

Tried with the component, but still same issue, when i click in the device in preview mode it goes to the top. but animation is working fine. I shared the image also with the file link. 

first image is before click and second image is after click.

 

File link: 

https://www.figma.com/design/nz7RrZbYrFzcSxJxgUwQSo/LEARNING?node-id=48-23&t=kfBNvmEpIPka69uq-1

 


Nellya
  • Power Member
  • January 20, 2025

You used interactive component incorrectly. It should be single component with a variants. 

Here is the video


Satish Hebbar

Ohh ok, got it. Yeah now it’s working fine. ​@Nellya , Thank you so much for your support. I really appreciate your help. Thank you😊


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