Featured

Figma Mobile App Design Tutorial With Components and Variants



Published
Hey guys, in this video I will give you an introduction to the Figma Components and Variants so that we can design a simple mobile app on Figma.

We will go over, how to use Figma Variants to create multiple different versions of a UI element such as bottom navigation and also we will learn how to transform these elements into Figma Components so they will show up on the Assets panel.

If you like this video, you might also be interested in my Ultimate Guide For Figma Variants:

https://www.youtube.com/watch?v=7zU7NT4GLT4


Chapters:
0:00 - Intro
0:12 - Overview
12:00 - Color System
15:52 - Creating Bottom Navigation Variant
27:22 - Creating Transaction Variant
47:04 - Creating Card Variant
58:28 - Designing Home Screen
01:07:35 - Creating Filter Variant
01:09:20 - Designing Transaction Screen


Category
Web design
Be the first to comment