Hello guys, today I present you a practical Figma Tutorial for total beginners. I will share some useful UI design tips and we will design the mobile screen of the app from scratch. We will not use advanced features like auto layout, the reason for this is that I want to present different approaches to designing in Figma and from a beginner's perspective – using advanced features in the beginning can be challenging.

Get started with Figma for free: https://psxid.figma.com/52h3iuj6s0bk

My comments (chapters):
00:34 Design Idea
00:59 Color selection
01:32 Color Contrast Ratio
02:39 Device Frame
03:05 iOS status bar Figma community
03:43 Layout raster and 8pt raster
06:35 Icon Sources
07:31 Boundary boxes
10:35 Rounded corners
20:19 Photo Sources
21:12 Fill element with photos
22:22 Generating Color Shades
29:49 New device frame
34:03 Style Adjustments
34:20 Device model and completed presentation

Websites mentioned in the video:
https://maketintsandshades.com/ – Color Tint Generation
https://webaim.org/resources/contrastchecker/ – Color Contrast Checker
https://coolors.co/ – Color Theme Generator
https://www.flaticon.com/ – Source of icons
https://elements.envato.com/ – Other resources such as photos

Article about 8pt grid, mentioned in the video:
https://medium.com/swlh/the-comprehensive-8pt-grid-guide-aa16ff402179

Check out my UX design tutorial for beginners:
https://youtube.com/playlist?list=PLtZjSN7j6ANyw2Lg9fdKko2cF9gGMhhDr

Disclaimer:
Some of the links above are affiliate links: I get a small commission when you buy through my link, at no extra cost to you. Thanks for supporting an independent creator!

#uidesign #figma #productdesign #ui #figmatutorial #designprocess

Please feel free to share this video with your friends and family if you found it useful.