Udemy – Design & Prototype A Mobile Ui/Ux Experience – Learn Figma

Author Alex
2022-09-17
196
0
Udemy – 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


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 walkthroughHow to design a login & signup experienceHow to design a shopping experienceHow to design checkout experienceHow to design profile & order history screensHow to create & use a component libraryHow to create & share a clickable prototype + smart animate and other transition effectsHow to invite others & collaboration in figmaHow to export UI assets & inspect code for engineeringFigma keyboard short cutsHow to use figma plugins & GUI KitsHow to create comments & review comments in figmaFinal thoughts & going forward

Overview

Section 1: Introduction

Lecture 1 2-Class intro to figma & Download the class file

Lecture 2 3 - Designing the login & sign up screens + component creation + prototyping

Lecture 3 4 - Designing the shopping experience

Lecture 4 5 - Designing the checkout experience

Lecture 5 6 - Designing the profile screens

Lecture 6 7 - Collaborating with others & exporting UI assets for engineering

Lecture 7 8 Keyboard shortcuts+plugins+GUI kits

Lecture 8 9 Commenting & final thoughts

Lecture 9 Bonus Video 1 - Dissolve, Delay, and Move-in & Move-out prototype features

Lecture 10 Bonus Videos 2 - Overlays, Modals, and Menu prototype features

Lecture 11 Bonus Videos 3 - Smart Animate, Builder a Loader, and Horizontal/Vertical scroll

Lecture 12 Bonus Videos 4 - Scroll to, Component Variants, and Interactive Component

designers,UX designer,UI designers,User Experience Designers,Product Designers,Product Managers

Download links:
Comments
Add comment
Add comment:
Your name:
Your E-Mail:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
I am not robot: *
Archive
«    November 2022    »
MonTueWedThuFriSatSun
 123456
78910111213
14151617181920
21222324252627
282930 
November 2022 (443)
October 2022 (545)
September 2022 (643)
August 2022 (1519)
July 2022 (886)
June 2022 (1370)
Vote
Upgrade to Premium