-
2-Day Figma Workshop Curriculum 2
Day 2 – Prototyping with micro interactions and advanced tools Copy
- How to leverage the power of Figma for prototyping
- How animations work in Figma
- Creating an animation in Figma
- Introduction to components
- 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.
- 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.
- 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.
Topic | Duration | Delivery mode | |
Revision | 10 mins | ||
1 | Branding and designs | 10 mins | Talk (PPT optional) |
2 | Components | 40 mins | Hands on practice |
3 | Break | 10 mins | |
4. | Prototype in UX | 40 mins | Hands on practice + UI Kits |
5. | Break | 5mins | |
6. | Introduction to basic animation | 50 mins | Hands on practice |
7. | Q/A and closing | 15mins | Discussion |
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.