Design & Prototype a Mobile UI/UX Experience - Learn Figma
What you'll 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
Requirements
- Anyone and any level - best for beginners
Description
In this class, I have created a figma file for you to download and I will walk you through step-by-step, how to create a fully-functional prototype using the design tool Figma. Here is the class agenda:
Intro to Figma design tool & file walkthrough
How to design a login & signup experience
How to design a shopping experience
How to design checkout experience
How to design profile & order history screens
How to create & use a component library
How to create & share a clickable prototype + smart animate and other transition effects
How to invite others & collaboration in figma
How to export UI assets & inspect code for engineering
Figma keyboard short cuts
How to use figma plugins & GUI Kits
How to create comments & review comments in figma
Final thoughts & going forward
Who this course is for:
- designers
- UX designer
- UI designers
- User Experience Designers
- Product Designers
- Product Managers
Featured review
![Clint O'Shea](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
Course content
- Preview33:19
- Preview01:28:10
- 01:30:114 - Designing the shopping experience
- 01:01:145 - Designing the checkout experience
- 25:526 - Designing the profile screens
- 16:017 - Collaborating with others & exporting UI assets for engineering
- 20:568 Keyboard shortcuts+plugins+GUI kits
- 07:129 Commenting & final thoughts
Instructor
- 4.6 Instructor Rating
- 1,145 Reviews
- 5,388 Students
- 2 Courses
Hello, I'm Aaron. I'm a principle UX designer at a company called Pivotal and UX instructor at the Academy of Art University in San Francisco.
I've been doing design for 13 years and yes, you should take my class, whether you're a beginner or want to pick up some advanced techniques, this class will guide you through the UX design process. We'll go through user center design and design thinking philosophies, then stop at each section and deep dive into the tools, best practices & design methods, turning the abstract into easy to understand, tactical take aways. I've spent countless hours creating this content & downloadable documents that help you practice each topic. A lot of this content is what I teach at the university level and available for you.
My bliss mode is designing and making things for people to use. I practice lean and agile methodologies, alongside user-centered design, design thinking, UX research, assumption validation, interaction design, user testing, component driven design, and visual design. All of which you can learn by watching my UX design 101 class.
Go watch the free intro video to learn more about the class.
Thanks and Happy Designing