h264, yuv420p, 1280x720 |ENGLISH, 48000 Hz, 2 channels | 5h 43mn | 2.59 GB

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

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