UI/UX design requisite with Figma: Design a full NFT app
Learn to design a complete decentralized app (project included).
Updated on Nov, 2023
Language - English
Design,Figma,User Experience Design
Lectures -26
Resources -1
Duration -3.5 hours
30-days Money-Back Guarantee
Get your team access to 8,500+ top Tutorials Point courses anytime, anywhere.
Course Description
The aim of this course is to teach you how to build a complete project from start to finish.
The only way to learn is by doing.
Before building the project, we are going to be covering some basics of UI and UX design for best understanding.
Take a moment to go through the outline below.
1. Fundamentals
Introduction to UI UX Design
What is UI UX Design
Importance of UI UX Design
Difference between UI/ UX Design
Why learn UI UX design
2. Introduction to Figma
What is Figma use for
Tools used for UI UX design
Why Figma
3. Common problems faced by designers....
Where to get inspiration from
Understanding a design brief
Importance design system
Importance of wireframe
4. Figma interface
Design Tab
Understanding the align tools
Working with text
Saving and sharing Project/Saving your Figma file
Shortcut and tips
5. Design system
Typography
Saving your design system
Creating Color system,
Layouts Grids
Importance of layout grid.
6. Animation
7. Wireframing in Figma
8. Project OVERVIEW
9. Login page
10. Landing page I
Landing page continuation II
Landing page continuation III
Landing page done
11. Details page
Details page footer correction
Details page icon correction
12. Success page
Fixing images and title text
Fixing images for other pages
Adding blur effect to our background
13. Complete Prototype
After taking this course, you will be able to create wireframes, animations, and fully interactive prototypes.
You will also get a project design you can add to your portfolio.
It is time to be a Figma Pro. See you on the course.
Who this course is for:
- Anyone who wishes to work as a designer for a corporation or launch their own side UI/UX design business
- Developers looking to expand their skillset with useful skills.
- Anyone who wants to become an expert in Figma and get paid for their skill.
- Novices in the design field
Goals
What will you learn in this course:
Learn how to build a project from scratch.
Build a complete project you can add to your portfolio.
Ability to navigate across Figma using shortcuts and tips
Learn how to create basic animations using Smart Animate.
Ability to build design systems as components from scratch
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.
Learnability to wireframe easily
Master Figma interface quickly
Learn the typography and color systems
Learn how to build a design system from scratch
Learn about grid layout and its importance
Learn how to combine your pages and turn them into a prototype.
Prerequisites
What are the prerequisites for this course?
Passion for high fidelity design.
Curriculum
Check out the detailed breakdown of what’s inside the course
Fundamentals
5 Lectures
-
Introduction to course/Promotion Video
01:34
01:34
-
Introductions To UI UX Design
01:12
01:12
-
Meanging of UI UX Design
01:01
01:01
-
Importance of UI UX Design
00:39
00:39
-
Difference between UI/ UX Design
00:54
00:54
Introduction to figma
1 Lectures
Common problems faced by designers
1 Lectures
Figma Interface
4 Lectures
Design system
4 Lectures
Project overview
1 Lectures
Login page
3 Lectures
Details page
3 Lectures
Success page
3 Lectures
Complete Prototype
1 Lectures
Instructor Details
Atunde Peter
Certified Expert designer and programmerAfter earning a Higher National Diploma from the School of Technology and Management, I decided to become a freelancer, and in order to be my own boss, I founded a company that focuses on increasing the online awareness of businesses while working in close relationships to help business owners and individuals with their administrative tasks. This company offers a wide range of services, including website development, graphics design, social media management, email marketing, content creation, administrative support, and customer support service.
I have mastered many programming languages, such as HTML, CSS, ReactJS, Web 3, Python, MQL4, MQL5, and more.
I later discovered that a good UI design will help not only your product to look presentable but also your brand to grow quickly, so I also ventured into UI/UX design.
Course Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.
Our students work
with the Best
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
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now