# UI IV - Ex 4 - Animation

**Context:** 

In this quest, you’ll have to build your own interface. 

After designing your own style guide with a moodboard, colors and typography, you can use the series of consistency principles, atomic design structure, the techniques to build you own library and then a series of screens. Step by step, you’ll have built an animated high-fidelity prototype. 

The very last step will be to test it on users to detect the impressions they get when they discover your app. 

Once again, feel free to get as much inspiration as you need from existing design systems. Dribbble, consistency and structure are your best friends!

**Instructions:**

Animate your 5 screens on Figma. Think about multistate!!

**Deliverable:** 

- An animated high-fidelity prototype

**Resources:** 

- [Efficiently Manage Your Designs - How Mockplus State Page Helps To View & Manage Multiple State](https://help.mockplus.com/p/372)

**Quote:** 

‘Speak human: Use the words your users use.’ Dan Saffer | Microinteractions