Complete Figma Megacourse: UI/UX Design Beginner to Expert
-
Introduction
-
Drafting
-
PrototypingCreating frames17m 12sFunction of Tools0sFont Usage0sLayout Planning0sFraming, Layering, and Grouping0sCreating and Editing Shapes0sImages and Masking0sComponents0sConstraints and Versioning0sPrototyping0sTeam Libraries and Setups0sPreviewing and Commenting0sExporting Assets0s
-
Demonstrations
-
Keep LearningColor Theory0sUI Comparisons0s3D Button and Gradient Graph Tricks0sContent Creation56m 14sProfessional UI Discussion Pt. 10sProfessional UI Discussion Pt. 20sForms0sButtons0sPlugins0sAnimating “Like” Buttons0sAnimating a Burger Menu0sInteractive Calendar0sNetflix Prototype0sBeginner Mistakes0sFigma Interface Preview0s
-
Bonus Learn about UX
-
Advanced Figma Course – Introduction
-
The Approach
-
Mastering Auto Layout
-
Design SystemsStyles: Intelligent Work Pt. 10sStyles: Intelligent Work Pt. 20sEverything as a Component: Making Designs Efficient and Scalable Pt. 10sEverything as a Component: Making Designs Efficient and Scalable Pt. 20sEverything as a Component: Making Designs Efficient and Scalable Pt. 30sEverything as a Component: Making Designs Efficient and Scalable Pt. 40sAdvanced Prototyping Pt. 10sAdvanced Prototyping Pt. 20sExternal Libraries0sDocumentation0sWrap Up: Design Systems Master0s
-
Wrap Up
-
Use Cases: Applying ConceptsResponsive Web (Landing page) Pt. 10sResponsive Web (Landing page) Pt. 20sResponsive Web (Landing page) Pt. 30sResponsive Web (Landing page) Pt. 40sResponsive Web (Landing page) Pt. 50sResponsive E-commerce Site (Registration Flow) Pt. 10sResponsive E-commerce Site (Registration Flow) Pt. 20sResponsive E-commerce Site (Registration Flow) Pt. 30sResponsive E-commerce Site (Registration Flow) Pt. 40sResponsive E-commerce Site (Registration Flow) Pt. 50sCrypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 10sCrypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 20sCrypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 30sCrypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 40sCrypto Exchange Dashboard (Converting Crypto Assets Flow) Pt. 50sAndroid App – Smart Translate (Translation Flow) Pt. 10sAndroid App – Smart Translate (Translation Flow) Pt. 20sAndroid App – Smart Translate (Translation Flow) Pt. 30sAndroid App – Smart Translate (Translation Flow) Pt. 40sAndroid App – Smart Translate (Translation Flow) Pt. 50sIOS App – Banking App (Sending Money Flow) Pt. 10sIOS App – Banking App (Sending Money Flow) Pt. 20sIOS App – Banking App (Sending Money Flow) Pt. 30sIOS App – Banking App (Sending Money Flow) Pt. 40sIOS App – Banking App (Sending Money Flow) Pt. 50sIOS App – Car Rental App (Renting a Car Flow) Pt. 10sIOS App – Car Rental App (Renting a Car Flow) Pt. 20sIOS App – Car Rental App (Renting a Car Flow) Pt. 30sIOS App – Car Rental App (Renting a Car Flow) Pt. 40sIOS App – Car Rental App (Renting a Car Flow) Pt. 50s
-
Next Steps
This course is constantly being revised and updated with new lessons.
Have you ever wanted to design your own app, website or blog? These days, we use them without a second thought. They have become an integral part of both the human experience and the financial market. It’s easy to come up with a new idea for a viral new app, but not as easy to make that app a reality – or so you might think. That’s where Figma comes in. Figma is a free, collaborative UI/ UX design tool that can help you design a wide range of interfaces in great detail – and we’re here to teach you how.
In this course, you’re going to learn everything about user interface design with Figma. Step-by-step, we’ll cover everything you need to know from opening the program for the very first time to finalising your finished design. You’ll learn all of the tools, as well as how and when to use them. We’ll also cover everything you’ll need to be able to collaborate with other web developers easily through its collaborative feature. During the course, you will learn about the principles of User Interface Design in order to design with purpose, as well as the principles of Human-Computer Interaction. Finally, we’ll teach you how to adapt to specific project requirements, as well as how to wireframe in order to turn your design into a functional prototype.
Start your UI/UX development journey with us!
After taking this course, you will be able to:
Create prototypes and collaborate with web developers easily
Achieve an understanding of the process, purpose, and tools of prototype design
Understand the principles of User Interface Design in order to design with purpose
Learn the basics of Human-Computer Interaction
Discover the standard tools in User Interface
Adapt to specific project deliverables in User Interface
Understand the principles of User Experience
What's included
- 41.5 hours on-demand video
- 2 downloadable resources
- Access on mobile and TV
- Certificate of completion