<aside> ๐ Figma Community File:
</aside>
<aside> ๐๐ฝ This file and case study contains some visual exploration that I did as a part of my online 30+ Figma sessions in which I taught UI Design, Design Systems, Animation, and Prototyping.
</aside>
<aside> ๐๐ฝ It is an open-source file that can be used by anyone to learn animation and prototyping in Figma. I've put down the screens in a logical order and explained how each step helps in the overall animation
</aside>
<aside> ๐ผ๏ธ This is a visual exploration that I did for the Unsplash app, which is a photo library platform. The colors and interactions have been used keeping in mind the look and feel of the photographs found on the platform.
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d851d2a8-0f1c-4bd9-9893-12fabbc182eb/Scrolling.mp4
</aside>
<aside> ๐๏ธ I demonstrated this animation as a part of a Figma session on Animation and Prototyping. I've made use of basic interactions like a directional drag that was newly introduced in Figma and built a concept around it.
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a9c7c697-cade-49ff-9756-94316ad06f89/Notes.mp4
</aside>
<aside> ๐๏ธ In this interaction, I've made use of Figma and After Effects for visual and interactive exploration of a news application.
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c6494153-87b5-491f-ae66-5fb20965fa3c/News_Animation.mp4
</aside>
<aside> ๐ฌ This is a concept interaction for a movie listing page that makes use of the custom animation curve feature in Figma.
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bca671f6-e62f-40e0-898c-3b414aff03a3/Movies.mp4
</aside>