Figma Mega Course - Design 6 Complete Web App Ui/Ux Project
Last updated 8/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 6.46 GB | Duration: 16h 19m
In this course you will learn how to design web app UI/UX using Figma.Prototyping with figma and animation. UI/UX Design
What you'll learn
You will design 3 real world web app UI/UX project
Figma UI/UX Design
How to design a complete web app using figma
Prototyping with animation in Figma
Different sort of tools and uses of those tools in Figma
Learn to use the best design technique
Learn to use plugin in Figma
Requirements
No prior knowledge is required for this course. Anyone can take this course
Description
In this class, you will learn how to design 3 complete web apps UI/UX Using Figma. While you will design a web app UI/UX, you will end up learning how to use different sorts of tools and techniques in Figma. I will try to teach you the best practice of Figma that will help you to become a good UI/UX designer.List of the projects that you will design in this course:Fashion Web App UI/UX using FigmaAudio Player Web App UI/UX using FigmaReal State Property Selling Web App UI/UX using FigmaMessenger Web App UI/UX.Figma Budget Management Mobile APP UI/UXPortfolio Web App UI/UX Using Adobe XD(Bonus)Here are some lists that you are going to learn in this class:Uses of different tools in FigmaFigma Grid and Layout SystemHow to create a component and re-use them.Learn to use a different plugin. For instance - The plugin for IconsFigma Design techniqueHow to do prototypingLearn to use different sorts of animation with prototypeHow to use the image in Figma.How to make a group in Figma and use it.Figma Color SystemFigma horizontal scroll viewFigma vertical scroll viewLearn how to show modal box,Different uses of Figma frameAnimation with prototypeHow to create Figma 3d Design effect
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Rectangle Tool Part-1
Lecture 3 Ellipse and Line Tools Part-2
Lecture 4 Arrow and Star Tools Part-3
Lecture 5 Polygon and Pen Tools Part-4
Lecture 6 Pencil and Text Tools Part-5
Section 2: Learn How to Use Image
Lecture 7 Uses of Image Tool
Section 3: Layout Grid System
Lecture 8 Layout Grid System
Section 4: System Design Layout Grid
Lecture 9 System Design Layout Grid
Section 5: Learn How to Create Group
Lecture 10 Create Group
Section 6: Tidy Up Design
Lecture 11 Tidy Up Design
Section 7: Learn to Create Component
Lecture 12 Create Component
Section 8: Color System Design
Lecture 13 Color System Design
Section 9: Project 1: Messenger Web App UI/UX
Lecture 14 Create Project and Layout Design Part-1
Lecture 15 User List Item Design Part-2
Lecture 16 Group and Vertical Scrolling Part-3
Lecture 17 Dropdown List Open Overlay Prototype Part-4
Lecture 18 Message Sending Design Part-5
Lecture 19 Sign UP and Sign In Page Design Part-6
Lecture 20 Prototyping With Animation Part-7
Lecture 21 Share and Export Our Design Part-8
Section 10: Project 2: Music player web app UI/UX
Lecture 22 Project Demo - Music Player Web App Intro
Lecture 23 Sidebar Design Part-1
Lecture 24 Album List Design Part-2
Lecture 25 Modal Dialog & Overlay Prototyping Part-3
Lecture 26 Music Player and List Design Part-4
Section 11: Project 3: Property Selling Web App UI/UX
Lecture 27 Design Navigation Bar Part-1
Lecture 28 Cover Image and Card Design Part-2
Lecture 29 Property List Card Design Part-3
Lecture 30 Pagination Design Part-4
Lecture 31 About Section Collapse features Part-5
Lecture 32 Feedback Slider Design Part-6
Lecture 33 Design Subscribe Section Part-7
Lecture 34 Footer Section Design Part-8
Lecture 35 Sign Up and Sign in Page Design Part-9
Lecture 36 Prototyping With Animation Part-10
Lecture 37 Export Design and Share Link Part-11
Section 12: Project 4: Fashion Web App UI/UX
Lecture 38 Project Demo-Fashion Web App UI/UX
Lecture 39 Project Layout Grid and Color System Design Part-1
Lecture 40 Navigation Bar and Header Design Part-2
Lecture 41 Card Design to Show Fashion Item Part-3
Lecture 42 Select and Show Multiple Images in Card Part-4
Lecture 43 Frame Selection and Horizontal Scroll Part-5
Lecture 44 Horizontal Scroll by Clicking on Scroll Button Part-6
Lecture 45 Men Fashion Card Design Part-7
Lecture 46 Pagination Design Part-8
Lecture 47 Fashion Category Design Part-9
Lecture 48 Newsletter Section Design Part-10
Lecture 49 Footer Section Design Part-11
Lecture 50 Sign up Page Design Part-12
Lecture 51 Sign In and OTP Page Design Part-13
Lecture 52 Item Modal Box Design Part-14
Lecture 53 Prototype Overlay to Show Modal Box Part-15
Lecture 54 Prototype for Sign up and Sign in Page Part-16
Lecture 55 Export and Share Design Part-17
Section 13: Project-5 - Figma Budget Management Mobile APP UI/UX
Lecture 56 Design Sign Up Page Part-1
Lecture 57 Design Sign In Page Part-2
Lecture 58 Custom Alert Dialog Design Part-3
Lecture 59 Home Page UI Part-4
Lecture 60 Card Design Horizontal Scroll View Part-5
Lecture 61 Chart And Home UI Part-6
Lecture 62 Custom Color Part-7
Lecture 63 Profile Page UI Part-8
Lecture 64 Appbar Design Part-9
Lecture 65 Elipse Design Part-10
Lecture 66 Group and Vertical Scroll Part-11
Lecture 67 Add Update Alert Dialog Part-12
Lecture 68 Horizontal List Expense Data Part-13
Lecture 69 Dashboard Design Part-14
Lecture 70 Bills UI Custom Alert Dialog Part-15
Lecture 71 Food UI Place Images Tool Part-16
Lecture 72 Export All UI Part-17
Section 14: Bonus: Project-6 - Adobe XD Portfolio Web App UI/UX
Lecture 73 Create Art board and Navigation Design Part-1
Lecture 74 Header Section Design Part-2
Lecture 75 Design Career Object Part-3
Lecture 76 Design Career Object and Uses of Plugin Part-4
Lecture 77 Design Education Section Part-5
Lecture 78 Project Section Design Part-6
Lecture 79 Project Section Design Part-7
Lecture 80 Tech Skills Design Part-8
Lecture 81 Tools Section Design Part-9
Lecture 82 Feedback Card Design Part-10
Lecture 83 Feedback Card and Horizontal Scroll View Part-11
Lecture 84 Contact Form-Design Input Field and Button Part-12
Lecture 85 Footer Design Part-13
Lecture 86 Details Page Navigation Design Part-14
Lecture 87 Details Page Feature Design Part-15
Lecture 88 Details Page Card Design Part-16
Lecture 89 Prototype With Animation Part-17
Lecture 90 Export All Designs Part-18
Anyone wants to learn UI/UX Design using Figma,If you want to design a complete project using Figma,If you want to build your career as a UI/UX Designer
