1. How to leverage the power of Figma for prototyping
2. How animations work in Figma
3. Creating an animation in Figma
4. Introduction to components

1. Introduction to components

A brief introduction to branding and importance of choosing a color pallet, design elements, typo for a brand.

Introduction to components and how to use them to make the workflow easy and simple for big projects and team collaboration.

Hands on practice where students create at least 2 different components and reuse in the application design.

2. Introduction to prototype

Trainer will make the students understand how can one navigate from one screen to another screen along with an understanding of visualization and effects.

Introduction to UI kits and using one for demonstration.

3. Basic animation & micro interactions

Understand the basic transition tools to create a loader. Explain basic animation using smart animate while one explores various transition methods.

Learning outcome – The student will be able to animate, prototype and create working applications and websites. They will be able to bring their ideas, paper prototypes and vision to reality by creating real time designs and emphasis on the smallest of the details.