Course curriculum

    1. 00 Introduction to the Course

    2. 01 Download and Install Figma App

    3. 02 Figma Interface

    4. 04 Assets, Pages Interface in Detail

    5. 03 Figma's Interface and Hierarchy of Teams and projects

    6. 05 Using Resources Files in your Figma Assignments

    7. Download all the course files from here

    1. 01 Frames and Artboards

    2. 02 Figma Basic Tools

    3. 04 Type tool

    4. 05 Pen tool

    5. 06 Place Image tool

    6. 07 Comment and Hand Tools

    7. 08 Master Fill Colors in Figma

    8. 09 Masking in Figma

    9. 10 Creating reuseable Styles in Figma

    10. 11 Applying Effects - Inset, Drop shadow etc..

    11. 12 Components in Figma for UI Design

    12. 13 Constraints with Components in Figma

    13. 14 Common Shortcut Keys Part 1

    14. 16 Collaboration with Other Designers in Figma

    15. 15 Common Shortcut Keys Part 2

    16. 17 Share Team Libraries in Figma

    17. 18 Community Tab in Figma - NEW FEATURE

    1. 01 Using Guides, Global guides and layout Grid in Figma

    2. 02 Auto Layout in Figma

    3. 03 Groups vs Frames in Figma - When to use groups or Frames

    4. 04 Variants in Figma

    5. 05 Figma Variants Advanced

    6. 06 Exporting Design Assets and Images

    7. 07 Figma Auto Layout

    1. 01 Basics of Prototyping - Linking Screens, transitions and Overlays

    2. 02 Swapping Overlays, Time Delays in Prototyping

    3. 03 On Drag and how to use Hoirzontal Scroll in Figma

    4. 04 While Hovering Figma Prototype - Hover on Links and Buttons Exercise

    5. 05 Scroll to animation in Figma

    6. 06 Figma Mirror - How to live preview your Design on actual Device

    1. 01 Plan your Design - Wireframes and Inspirations

    2. 03 Design login Screen

    3. 04 Designing Meals Screen Part 1

    4. 05 Designing Meals Screen Part 2

    5. 06 Designing Meals (Home Screen) Part 3

    6. 07 Designing Salads Screen Part 4

    7. 08 Designing Meals (Healthy Screen) Part 5

    8. 09 Prototyping Meals, Desserts, Healthy Recipe Screen - Sliding Menu animations

    9. 10 Design Search Filters Part 1

    10. 11 Design and Prototype Search Filters Transitions Part 2

    11. 12 Designing Search Results Screen of your Recipe App in Figma

    12. 13 Single Recipe Screen Design

    13. 14 Single Recipe Screen Design and Prototype

    14. 02 Layout Grid and Guides preperation for your Mobile App Design

    15. 15 Review Overlay Design and Prototyping

    1. 01 Gradient buttons

    2. 02 Masking assignment

    3. 03 Effects buttons

    4. 04 Basics of prototyping

    5. 05 Drag scroll assignment

    6. 06 Final app Assignment

About this course

  • $19.99
  • 58 lessons
  • 8.5 hours of video content

Instructor

Muhammad Ahsan Pervaiz

Web UX Designer 15+ Years of Experience

Designing landing pages, Websites, and SAAS Web App Dashboards. An All in One Guru with more than 15 years of experience working for FORTUNE 500 firms including Coke, Panasonic, and Intel. Guest Speaker at LUMS UX Pakistan Conference and talked about Typography along with guiding Freelancers at Freelancers Meetup Gujranwala. Understanding Coding makes me a lethal weapon with the Masters of Design Guild. You can find me designing and developing landing pages, Web Apps and Gained a lot of expertise working with clients while freelancing, primarily from the USA, Australia, the UK, and the United Arab Emirates. My ultimate goal is to help newbies to this field of UI Design learn without hardship and to create more Awesome UI Designers. Really love reading books about UX Design, Design Thinking, Anxiety, and Productivity. Crazy about Niche Perfumes and Pure Oud Oils.

Discover Figma in just 2 weeks with me

Start your UI Design career Today

Enroll today