Vaccine Website Design 😍 - Final Part | Figma Tutorial 🚀
DesignWithZaid DesignWithZaid
2.41K subscribers
344 views
17

 Published On Aug 26, 2024

Vaccine Website Design 😍 - Final Part | Figma Tutorial 🚀

In this Figma Tutorial ’m going to show you how to create responsive web design in figma. I’ll design vaccine website home page Final Part for Desktop. In this Speed UI Design figma tutorial you’ll learn figma responsive web design for a landing page using figma Auto layout to make the page ui ux design mobile friendly so it work fine on desktop.
In this UI Design tutorial im using 12 columns layout with 8x8 grid system to make the landing page design properly aligned with spacing, padding & margins in every single item to look consistent. I'm figma plugins to make the process easy with help of these plugins Unsplash, Freepik, Pexels, Font Awesome Icon, Type scales, Vector logos, UI faces, Colour hunt.

To get free Source File Do this:
1. Subscribe & Turn on bell notifications
2. Follow on Instagram and Dm "Done"
3. I'll send you File link in your Dm ✅

🚀 Watch Part One:    • Web Design in Figma - Figma Tutorial ...  

App tutorial Playlist on YouTube
   • App Design Tutorial  


Chapters:-
0:00 Preview
0:15 Feature Section Design
21:15 Data Container Design
24:16 Email Container Design
27:33 Location Card Design
38:22 Footer Design
41:09 Final Result

Resources:
🎨 Png: http://pngwing.com
🎨 Figma File: https://www.figma.com/@creativezaiid
🎨 iOS 15 UI Kit for Figma: https://www.figma.com/community/file/...
🌆 Freepik Image: https://www.freepik.com
🎨 Unsplash Image: https://unsplash.com
📱 SF Symbols: https://developer.apple.com/sf-symbols
🍔 Illustrations: https://undraw.co

Follow me on instagram for Designing Tips & Tricks
Instagram:   / uiuxzaid  
LinkedIn:   / uiuxzaid  


🎵 Music Credit:
Music by Patrick A. from Pixabay @CalmLo-FiVideos

show more

Share/Embed