Embark on the ultimate journey in mobile app design with our "Mobile App UI/UX Design Masterclass with Figma." This comprehensive course covers everything, from Figma basics to advanced design principles. You'll create stunning mobile app interfaces, components, and flows. By course end, you'll be a UI/UX design master. Join us for this transformative journey to design excellence.
Course Price:
Original price was: £194.00.£19.99Current price is: £19.99.
Course Duration:
12 hours, 10 minutes
Total Lectures:
98
Total Students:
365
Average Rating:
5
Welcome to the "One and Only Mobile App UIUX Design Masterclass with Figma," the ultimate journey into mobile app design excellence. This comprehensive masterclass covers every aspect of UI/UX design using the powerful Figma tool. Begin with the basics, from installing Figma to mastering its interface and tools. Learn canvas management, frame creation, and working with shapes. Dive into advanced topics like boolean operations, layers, and image manipulation. Discover text, styles, and the world of components.
Explore essential UI/UX principles, including grids, auto layout, and color and text styles. Develop a comprehensive design system for your project. Design screens, components, and flows for a mobile app, covering onboarding, user profiles, scoreboards, and more.
Learn how to handle online and offline modes, measure distances, and fine-tune your designs with precision. By the end, you'll be equipped with the skills to create stunning mobile app UI/UX designs with Figma, making you a master in this field. Join us on this transformative masterclass and elevate your mobile app design skills to new heights.
What Will You Learn?
- Master Figma for mobile app UI/UX design.
- Create professional UI/UX designs from scratch.
- Design various app components and screens.
- Understand design principles and systems.
- Develop interactive app prototypes.
- Work on real-world design projects.
Who Should Take The Course?
- Aspiring UI/UX designers.
- Mobile app developers.
- Graphic designers seeking UI/UX skills.
- Anyone interested in app design.
- Design enthusiasts looking for a career boost.
Requirements
- Access to a computer with internet connectivity.
- Basic familiarity with design concepts (helpful but not required).
- Enthusiasm for mobile app UI/UX design.
- Willingness to learn and practice design techniques.
- Figma software (free version is sufficient).
Course Curriculum
-
- Introduction 00:01:00
- Desktop vs Browser Version 00:01:00
- Download and Install Figma 00:02:00
- Figma Interface Overview 00:11:00
- Adjust Figma Interface Size 00:02:00
- Canvas Background and Theme 00:02:00
- Navigating around the Canvas 00:02:00
- MoveScale Tool 00:03:00
- Frame Tool 00:13:00
- Shape Tools 00:11:00
- Arc Tool 00:04:00
- Boolean Operations 00:05:00
- Layers Panel 00:05:00
- Custom Thumbnail 00:03:00
- Image Tool 00:02:00
- Image as a Fill 00:06:00
- Pasting an Image 00:03:00
- Image Effects 00:08:00
- Import Multiple Images at once 00:02:00
- Masks 00:06:00
- Text Tool 00:11:00
- Formatted Lists 00:05:00
- Emojis within a Text 00:01:00
- Convert Text into a Vector 00:02:00
- Icons as a Text 00:03:00
- Creating a Link 00:04:00
- Managing Text Styles 00:07:00
- Groups 00:03:00
- Smart Selection 00:05:00
- Guides 00:05:00
- Constraints 00:08:00
- Grids 00:09:00
- Nudge Values 00:03:00
- Auto Layout 00:23:00
- Outlines Mode 00:03:00
- Color Styles 00:09:00
- Text Styles 00:08:00
- Other Styles 00:04:00
- Introducing with Components 00:07:00
- Component’s Text Property 00:05:00
- Component’s Boolean Property 00:03:00
- Component’s Instance Swap Property 00:04:00
- Component Variants 00:17:00
- Spotlight 00:04:00
- Cursor Chat 00:04:00
- Comments 00:06:00
- Fonts 00:03:00
- Colors 00:04:00
- Vectors and other Assets 00:06:00
- Interesting Plugins for Figma 00:15:00
- Design Top Bar Component 00:12:00
- Design an Input Field and a Game History Screen 00:09:00
- Design Date Picker Component 00:13:00
- Preparing Screen – Handle Internet Connection 00:07:00
- Home Screen – Design Score Component 00:11:00
- Design Game History Component 00:17:00
- Design Scoreboard Component 00:13:00
- Design Bottom Bar Component 00:09:00
- About Prototyping 00:04:00
- Flow 1 – On Boarding 00:02:00
- Flow 2 – Sign in without On Boarding 00:06:00
- Flow 3 – Preparing Screen 00:06:00
- Flow 4 – Home and Game History 00:17:00
- Flow 5 – Home and Scoreboard 00:05:00
- Flow 6 – Online Players 00:22:00
- Flow 7 – Friends 00:09:00
- Flow 8 – Game 00:16:00
- Your Homework 00:01:00
- Offline Mode 00:09:00
- Pen Pencil Tool 00:09:00
- Measure distances between objects 00:04:00
- Design Scoreboard Screen 00:10:00
- Online Players – Empty State 00:06:00
- Online Players – Status – Small Button Components 00:15:00
- Online Players – Search Players 00:07:00
- Small Button – Different States 00:11:00
- Design Systems 00:08:00
- Color Styles for the Project 00:12:00
- Text Styles for the Project 00:04:00
- Design the Splash Screen 00:05:00
- Layout of an Onboarding Screen 00:08:00
- Design Onboarding Navigation Component Variants 00:16:00
- Design Onboarding Content Component 00:09:00
- Design Onboarding Image and Finish it 00:05:00
- Design Sign in Screen – Button Component 00:17:00
- Layout of a Preparing Screen 00:04:00
- Design Loading Progress Component 00:12:00
- Online Players – Bottom Sheet 00:12:00
- Design Friends Screen 00:07:00
- Design Dialog Component 00:07:00
- Design Game Board Component 00:15:00
- Game Board – Dark Theme 00:11:00
- Finishing the Game Screen 00:15:00
- Offline Mode 00:09:00
- Slice Tool 00:03:00
- Pen Pencil Tool 00:09:00
- Measure distances between objects 00:04:00
-
- Order Certificate 00:05:00
New Courses
Blogs
20
Jul'23
ADHD Training for Teachers: Empowering Educators to Support Students with Attention Challenges
Relationships may be severely harmed by narcissistic behaviours, leaving emotional scars and...
20
Jul'23
Narcissistic Behaviour and Relationships: Understanding the Impact and Finding Healing
Relationships may be severely harmed by narcissistic behaviours, leaving emotional...
20
Jul'23
Childhood Trauma in Adults
What Is Childhood Trauma? Childhood trauma refers to distressing or...
20
Jul'23
Creating A Social Media Strategy
Set Clear Objectives:The first step in developing a successful social media...
20
Jul'23
Neuro-Linguistic Programming Techniques
Neuro-Linguistic Programming (NLP) is a fascinating and widely acclaimed approach...
19
Jul'23
Acceptance and Commitment Therapy in the UK
What is acceptance and commitment therapy? Acceptance and Commitment Therapy...
