UI UX Design Requisite with Figma
Build a UI UX project
Lectures -8
Resources -1
Duration -1 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
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 treated in this class
Introduction to Figma
What is Figma used 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 artboard 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.
Who this course is for:
- Developers looking to expand their skillset with useful skills.
- Novices in the design field
- Anyone who wants to become an expert in Figma and get paid for their skill.
Goals
Ability to navigate across Figma using shortcuts and tips
Learn how to create basic animations using Smart Animate.
Ability to understand and bisect a design brief when handling a freelance job.
You will learn where to get design inspiration to speed up your workflow.
Master Figma interface quickly
Learn how to combine your pages and turn them into a prototype.
Prerequisites
Passion for high-fidelity design.
![UI UX Design Requisite with Figma UI UX Design Requisite with Figma](https://d3mxt5v3yxgcsr.cloudfront.net/courses/13653/course_13653_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Intro to Figma
2 Lectures
-
Intro to Figma 02:10 02:10
-
Figma interface 08:53 08:53
Shortcuts and tips
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Saving your Figma file
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Working with text
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Common problems faced by UI UX designer
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Loading Page
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Details page
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![user profile image](/market/public/assets/newDesign/img/default-user-img.jpg)
Atunde Peter
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)