Converting Desktop Web Design to Mobile in Figma

Convert a desktop landing page to a mobile web design.

Create the landing page here: https://www.youtube.com/watch?v=J1sgVdYf4Aw&t=0s

Contents
0:00 – Introduction
0:20 – Setting Up Grid Styles
2:40 – Navigation
6:00 – Hero
9:16 – Strap
10:22 – Icon Feature
12:45 – Media Feature
15:38 – Browser Stacking
17:28 – Reviews
19:43 – Footer
22:03 – Preparing The Prototype
25:00 – Creating Style Guides
25:12 – Creating Prototype Link
26:32 – Conclusion

Figma plugins to have installed
Iconify: https://www.figma.com/community/plugin/735098390272716381/Iconify
Automatic Style Guides: https://www.figma.com/community/plugin/838622388628773312/Automatic-Style-Guides

Stay in touch
https://instagram.com/jgeizerux/
https://dribbble.com/jordangeizer/
https://jordangeizer.com/

Music from Uppbeat
https://uppbeat.io/t/mountaineer/refresh
License code: OWHBD74EAQEAGQJK

You May Also Like