🚨 Time is Running Out: Reserve Your Spot in the Lucky Draw & Claim Rewards! START NOW
watching now
1 Students

Description

What Will You Learn?

  • Creating Components and re-using them in Figma
  • How to design and prototype a Mobile App
  • Screen transitions while prototyping inside Figma
  • How to create Artboards, text, and color styles in Figma
  • How it can help you quickly build prototypes using Drag animations

Requirements

  • Just download and install Figma
  • NFT Certificate
  • 55 Lessons
  • Beginner
  • English
  • 5.0 Rating
  • +100 XP

Share Course on Social media

Curriculum

Course consist of total 7h 58min of content, in total.

Section 2: Master Basics of Figma tools
2:17:16
Frames and Artboards
07:38
Figma Basic Tools
12:56
Type tool
06:46
Pen tool
09:13
Place Image tool
07:48
Comment and Hand Tools
05:07
Master Fill Colors in Figma
07:46
Masking in Figma
05:34
Creating reuseable Styles in Figma
08:22
Applying Effects - Inset, Drop shadow etc..
09:46
Components in Figma for UI Design
09:11
Constraints with Components in Figma
05:45
Common Shortcut Keys Part 1
06:52
Common Shortcut Keys Part 2
10:55
Collaboration with Other Designers in Figma
02:49
Share Team Libraries in Figma
13:03
Community Tab in Figma - NEW FEATURE
07:45
Section 3: Must learn things in Figma for UI UX Designers
49:43
Using Guides, Global guides and layout Grid in Figma
09:41
Auto Layout in Figma
05:24
Groups vs Frames in Figma - When to use groups or Frames
11:16
Exporting Design Assets and Images
09:16
Variants in Figma
08:11
Advance use of Variants inside Figma App
05:55
Section 4: Prototyping in Figma
54:56
New lecture
11:36
Swapping Overlays, Time Delays in Prototyping
09:34
On Drag and how to use Hoirzontal Scroll in Figma
12:22
While Hovering Figma Prototype - Hover on Links and Buttons Exercise
07:11
Scroll to animation in Figma
08:46
Figma Mirror - How to live preview your Design on actual Device
05:27
Section 5: UI UX Design of Yumms Recipe App - Wireframe, Design and Prototype
3:18:56
Plan your Design - Wireframes and Inspirations
08:17
Layout Grid and Guides preperation for your Mobile App Design
07:27
Design Login Screen
18:17
Designing Meals Screen Part 1
19:10
Designing Meals Screen Part 2
09:55
Designing Meals Screen Part 3
25:32
Designing Meals Screen Part 4
04:22
Designing Meals Screen Part 5
02:19
Prototyping Meals, Desserts, Healthy Recipe Screen - Sliding Menu animations
11:43
Design Search Filters Part 1
08:33
Design and Prototype Search Filters Transitions Part 2
15:56
Designing Search Results Screen of your Recipe App in Figma
14:26
Single Recipe Screen Design
27:43
Single Recipe Screen Design and Prototype
15:10
Review Overlay Design and Prototyping
10:06
Section 6: Assignments
12:12
Gradient Buttons
01:07
Masking Assignment
04:13
Effect Buttons
01:18
Basics of Prototyping
01:45
Drag Scroll Assignment
01:22
Final App Assignment
02:27

About the Instructor

Muhammad Ahsan Pervaiz

UX UI Designer 10+ Years of Experience
90% of students rated this instructor as excellent!

Ahsan Butt has gone through the challenges of learning web design the hard way, going from scratch ending up working for Fortune 500 companies and creating designs for companies like Intel, Coca Cola, Panasonic and others. If you happen to enter his private office, you’ll find a gold medal hanging proudly from the times when he won Panasonic’s poster design competition, and then a stack of diplomas for creating awesome landing page designs in contests on 99designs.

What will make you identify even more with Ahsan Butt is that he’s not just a trainer who’s confidently giving away tips and tricks of his craft. He’s also a freelancer himself, having his international client base. He’s still actively into it knowing the pain points that you struggle with most. One of them, as for any freelancer out there, is lack of time. That’s why Ahsan makes learning the easiest it can get, so you have less pain absorbing the valuable information.

Join Ahsan Butt’s course on BitDegree to learn the workflow of the modern web design. In no time, you’ll be able to use wireframes, style guides, and much more to help you in your quest of creating outstanding web designs!

See All Instructor Courses

BitDegree platform reviews