3D flashcard prototype in Figma

i don’t get it after we connect the card then we take it to the phone, where the flipped one gone??

😮😮😮😮‍💨

Unable to get this sadly :/

Excellent

I have been looking for this information for a month, thank you very much!😍😍😍

Please keep more of those coming! It's a good exercise!

Why do mine just change from front to back without flip animation?

How to do it with transparent of glass cards? because it already shows the back card in front, like its overlapping.

How do you display those frame names?

i love figma & learned how to flip. thanks and keep it up

😍

Doesnt work for me

Not working
Waste of time 😭😭

Thanks a lot bro you just saved my life.

El mejor tutorial de todos!! He estado muchas horas tratando de hacerlo funcionar y gracias a este video lo logre. Thanks you very much!

Doesn't work, goes way to fast and doesn't fully show what goes on. plus the fact you can't scroll back. Really frustrating...

why you duplicated cards?

So much easier with CSS.

Cool and Easy trick 🙂 thanks 👍

This is Dev people most hated app and making a bunch of designers think they’re good 😂

This was so helpful and now my cards are flipping! Thank you 🌞

Is there a way to see the actual anchor points and animations? Like you’d find in after affects? Having to blind guess at how the variations should be constructed and having to sometimes move things out of frame is annoying. Also why did you flip that text only to flip is back around again? What was the point?

Why if I create some animation in the design file which I'm working on just to check some cool effects, won't work. But when I create a new design file and creat a similar animation it works perfectly. Is it essential to create separate file to try something new, or it is some kind of error?

I'm actually prototyping a card game in Figma so this was perfect... I thought. But I can't get it to work because my cards are already components and the text can't be flipped in a component apparently. So all I get is a fading animation, no flipping.

It is not working.

I like this video and try to apply it in my own design. But the weird things is no matter how i follow the video exactly the same step, it doesn't work in my design. I mean there is some animation effect, but it isn't the 3D flashcard. Can't figure out the reason for now.

Please post more shorts

I don't understand why this can't be done with just 2 frames, one for "unflipped" (variant 1), another one for "flipped" (variant 2). Could you please explain why we need 4?

You can do the same thing in 2 frames only.

Thanks! Was wondering how it was made in a widget.

Figma? More like ligma

Cute, but can we have real 3D support? Even the sort of transforms available in CSS would be huge.

I am baffled by this. It seems so overly complicated for such a simple animation. In the setup why horizontally flip the frame but then horizontally flip the text back again? Can you explain the steps please?

Looks complicated, but I love how Figma keeps working on these complicated scenarios. They are definitely the future

It’s not smooth either

Too complicated