Design & Prototype a Mobile UI/UX Experience - Learn Figma

In this class you will download a figma file and I will walk you through step-by-step, how to create a mobile protoype

4.67 (1767 reviews)

Udemy

platform

English

language

User Experience

What you will learn

Introduction on figma design tool & tips on using the tool

Download the figma file with all the designs that you see in the video

How to create a clickable & sharable prototype

Create a component library

Learn mobile transitions, menu transition, overlays and modals

Learn smart animate

How to export assets for engineering and how to inspect code within figma

Learn the best quick keys to use

How to install Figma plugins, list of top plugins and gui kits

Best practices on collaboration within figma

How to comment and view comments

Course Gallery

Design & Prototype a Mobile UI/UX Experience - Learn Figma – Screenshot 1 — Screenshot 1 – Design & Prototype a Mobile UI/UX Experience - Learn Figma

Design & Prototype a Mobile UI/UX Experience - Learn Figma – Screenshot 2 — Screenshot 2 – Design & Prototype a Mobile UI/UX Experience - Learn Figma

Design & Prototype a Mobile UI/UX Experience - Learn Figma – Screenshot 3 — Screenshot 3 – Design & Prototype a Mobile UI/UX Experience - Learn Figma

Design & Prototype a Mobile UI/UX Experience - Learn Figma – Screenshot 4 — Screenshot 4 – Design & Prototype a Mobile UI/UX Experience - Learn Figma

Loading charts...

Comidoc Review

Our Verdict

Ideal to get started with Figma, this course features actionable knowledge and various prototyping techniques. With an emphasis on core functionality, it provides learners a strong foundation. Despite minor shortcomings like occasional outdated content and few areas requiring additional clarification, the project-based nature of the curriculum keeps learners engaged throughout their Figma journey.

What We Liked

Comprehensive introduction to Figma design tool with actionable tips and best practices
Detailed step-by-step walkthrough of creating a mobile prototype using a downloadable Figma file
Instructor covers essential features like component libraries, mobile transitions, and smart animate
Useful information on exporting assets for engineering and inspecting code within Figma
Learners appreciate the project-based approach and clear explanations throughout the course

Potential Drawbacks

Some users desire more in-depth rationale behind certain design decisions to improve overall UX understanding
Occasional feedback mentions outdated Figma features, such as Auto Layout and Properties
A few learners suggest that some steps could be explained more thoroughly for better clarity
There might be a slight repetition in content for those already familiar with some of the basics