I want to know if there are more detailed animation properties documented for Figma animation styles (i.e bezier curve specs). I was able to get some details on the “dissolve” animation style in Figma using dev mode (see below). Any additional info akin to the dev specs found on web dev common css animations would be great. Thanks!
// On click
// Open overlay: “Frame 1391”;
// Animate: Dissolve;
// Spring: { mass: 1, stiffness: 675, damping: 30 };
Hello Carlos,
My SW Eng team is looking at using trying dev mode. They can’t, currently, see the designers animation details. How exactly where you able to see this detail?
// On click
// Open overlay: “Frame 1391”;
// Animate: Dissolve;
// Spring: { mass: 1, stiffness: 675, damping: 30 };
My dev and I tried and don’t see it.
I’m also not seeing this in Inspect mode. Though I’ve read they should be there.
Hey @Kyle_Eberle1, thank you for reaching out!
Could you show me a screenshot of what you’re seeing on your end please?
Also, can you please confirm if you have access to Dev Mode? You’ll be able to use this feature if you have a full Design seat or a Dev Mode seat.
This is what I am seeing on my end when I click on the objects I can see the interactions.
Feel free to read more information on the Inspect panel in our Help Center article: Inspect
Hi
I’m trying to improve my documentation for dev handoff, but the “interactions” section in the Dev Mode panel is missing. I have Dev Mode, so do the developers.
Any known reason why this isn’t showing?
Thanks
/Ufuk
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.