Tags
Language
Tags
October 2025
Su Mo Tu We Th Fr Sa
28 29 30 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
    Attention❗ To save your time, in order to download anything on this site, you must be registered 👉 HERE. If you do not have a registration yet, it is better to do it right away. ✌

    ( • )( • ) ( ͡⚆ ͜ʖ ͡⚆ ) (‿ˠ‿)
    SpicyMags.xyz

    Design & Prototype A Mobile Ui/Ux Experience - Learn Figma

    Posted By: ELK1nG
    Design & Prototype A Mobile Ui/Ux Experience - Learn Figma

    Design & Prototype A Mobile Ui/Ux Experience - Learn Figma
    Last updated 12/2021
    MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
    Language: English | Size: 4.37 GB | Duration: 7h 21m

    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