Learning

457 resources

Figma + Rive: sharing my workflow for UI animations

Animations in user interfaces should be clear and unobtrusive, providing smooth transitions between object states without interfering with the main task. The primary purpose of animation is to support functionality, not hinder it. It’s important to create a consistent structure of micro-interactions within the product to form users’ habits for reactions to actions.

When choosing a tool for creating animations, Andrei Rybin
has experimented with various options, such as Protopie, After Effects, Rive, and Principle. While Figma has animation capabilities, the author finds working with dedicated tools like Rive faster and more enjoyable.

Andrei often seeks references and inspiration to create interesting interactions, not necessarily from animations but also from layouts or pictures. The goal is to develop user-friendly ideas that enhance the overall experience.