UI UX design requisite with figma, Build a UI UX project.
The aim of this class is to teach how to use Figma for UI UX design
You will learn a lot in this class and by the end, I will provide a class project for you to design along with me
Here are the Topics we will be treating in this class
- Introduction to Figma
- What is Figma use for
- Tools used for UI UX design
- Why Figma
Figma interface
- Design Tab
- Understanding the align tools
- Working with text
- Saving and sharing Project/Saving your Figma file
- Shortcut and tips
- Common problems faced by designers…
- Where to get inspiration from
- Understanding a design brief
- Importance design system
- Importance of wireframe
- Animation
ABOUT THE PROJECT
This is an animation project in Figma.
After this project, you will be able to create and design your own animations using Smart Animate.
The steps we used in creating the animation include
- Creating your art board or frame
- Renaming and saving your project has animation.
- Duplicate your frame in three places.
- Then we’ll use plugins to insert a gif and an icon.
- You can then rename your three screens to the all-page loading screen and success page, or simply use screen 1, screen 2, and screen 3.
- Insert smart-animate functionality.
- After designing the animation project, we will turn it into a prototype and watch how it behaves in real time.
