Component States animations | Voters

Component States animations

done

Roman R

Hi! this is the best iOS kit!

I just wish that component inner interactions was animated. There's some there like button while-pressing, I'd hate to have re-animate them all on every update.

Switch
Slider drag or touch
input field activation
menu
keyboards keys

September 5, 2023

Kevin Lanceplaine

marked this post as

done

Hi Ronan,
I'm marking this task as Done for now. Aside from the Toggle, it's unclear which animation could be added without leading to the potential issues discussed earlier.
If there's a component where an animation could be added without causing these problems, please let me know, and I'll handle it! :)

Kevin Lanceplaine

Roman R I added the animation for the toggle.
File: https://www.figma.com/community/file/1247769024068708989
Changelog: https://ios-17-ui-kit.canny.io/changelog/v30-add-toggle-animation

Kevin Lanceplaine

marked this post as

under review

Kevin Lanceplaine

Thank you for your suggestion, Roman! I appreciate it.

I have been debating whether animations such as this should be baked into the components or not.

There are two drawbacks to adding interactions directly to the components:

Performance: On components like keyboards where there are many possibilities, it might make Figma slower. Figma does not handle many animations well.
The prototype mode might not reflect what the designer wants to show. For example, all the switches would be toggle-able without any other consequences. Sometimes a switch toggle has an effect, such as turning off the network when toggling airplane mode.

Let me know what you think :)