Skip to main content
Solved

Smart animate pixelation bug?


Sander4

Hi, Im testing out smart animate in Figma and I am used to auto animate in Adobe XD. Im trying to make a simple animation, but have a problem with smart animate. You can see really bad pixelation, which is weird because Figma is using vectors… 🤔

Does anyone know why this happens?

Here is a link to the demonstration: Figma smart animate - YouTube
Figma on the left, Adobe XD on the right.

Thanks for the help!

Best answer by Travis2

Unfortunately this is how it works. Figma can animate between two rectangles pretty well if you don’t ask too much of them (I don’t know what it’s called today, but it used to be called “tweening”), but everything else does a simple dissolve between the changing layers.

View original
This topic has been closed for replies.

7 replies

Travis2
  • Active Member
  • 77 replies
  • Answer
  • March 27, 2023

Unfortunately this is how it works. Figma can animate between two rectangles pretty well if you don’t ask too much of them (I don’t know what it’s called today, but it used to be called “tweening”), but everything else does a simple dissolve between the changing layers.


Sander4
  • Author
  • 2 replies
  • March 27, 2023

Wow really?! I’m a just starting with Figma and am really enjoying it, but prototyping is essential and works so much better in XD if you ask me. Thanks for letting me know!


Travis2
  • Active Member
  • 77 replies
  • March 27, 2023

I don’t want to answer for them but I think Figma would say something like “We’re an experience design tool, not an animation tool.” At the moment they seem content to let others like XD own hifi prototypes. Mostly I get by without caring but it drives me nuts sometimes.


tank666
  • 4873 replies
  • March 27, 2023

Use a frame instead of a rectangle.


Sander4
  • Author
  • 2 replies
  • March 30, 2023

I’ve tried to use a frame instead and recreated the object, but without success. It still looks pixelated and stretches the object.


tank666
  • 4873 replies
  • March 30, 2023

Oh, so this is due to the applied stroke. Try creating this object using frames or rectangles with no stroke.


  • 0 replies
  • April 29, 2023

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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