Hero Section Animation - Rive & Figma

Hero Section Animation - Figma & Rive Project

 

Descripition :-

The aim of this project was to create an animated hero section from scratch with the help of animation tool Rive

Rive is a real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
 

Design Direction: -

For this particular project I designed the UI form scratch in Figma and then animated it in Rive. The theme for this project was choosen to kept as Techy Theme. I collected couple of inspirations from design inspiration websites and came up with this design.

Once the Design was finalised I imported the design in Rive and animated some part of it in Rive. After animating it in rive I exported the animation into figma gave it a final touch in Figma Prototype.
 

Research & Inspiration :- Pinterest, Lapa Ninja, Dribbble

Tools Used :- Rive & Figma

Time Taken :- 5 Hours

Thanks for checking out my project. Check out my other projects showcased below✌️
 

14 Apr 2024

Keywords
Design
Figma
Figma Prototype
Rive
Animation
UI Design
Web Design
Motion Design
Rive Animation

Creating portfolio made simple for

Trusted by 38900+ Generalists. Try it now, free to use

Start making more money