Welcome to my Mega Web Design Course for Beginners. In this Free YouTube Course, I am going to teach you how to design a Portfolio Website in Figma. We are going to cover a lot of the basics of Web Design in this course. Most importantly, I am going to teach you how to think like a developer when designing a website in Figma.
Once we design the website in Figma, we will build the website in Webflow. You can check out the course on Skillshare -
π Download Project Files:
Part 1 - Basics of Responsive Design for Designing Websites:
Part 2 - Setting up a Grid for your Portfolio Website in Figma:
Part 3 - Designing the Navigation Bar in Figma:
Part 4 - Basics of Viewport Height:
Part 5 - Designing the Hero Section of the Website in Figma:
Part 6 - Designing the Experience Section of the Website in Figma:
Part 7 - Designing the Middle Section of the Portfolio Website in Figma:
Part 8 - Preview and Mirror your Website Design on Figma:
Part 9 - Designing the Skills Section of the Portfolio Website in Figma:
Part 10 - Designing a Website for Tablet Breakpoint in Figma (Part 1):
Part 11 - Designing a Website for Mobile Breakpoint in Figma (Part 1):
Part 12 - Designing a Logo Carousel for your Portfolio Website in Figma:
Part 13 - Designing the Projects Section of the Portfolio Website in Figma:
Part 14 - Designing the Dribbble Section of the Portfolio Website in Figma:
Part 15 - Designing the Testimonials Section of the Portfolio Website in Figma:
Part 16 - Designing a Tabs Section of the Portfolio Website in Figma:
Part 17 - Designing a Contact Form of the Portfolio Website in Figma:
Part 18 - Designing a Footer of the Portfolio Website in Figma:
Part 19 - Designing a Website for Tablet Breakpoint in Figma (Part 2):
Part 20 - Designing a Website for Mobile Breakpoint in Figma (Part 2):
Part 21 - Using Components in Figma:
Part 22 - Handoff the Portfolio Website to Developers in Figma:
-------------------------------------------
UI/UX Design Tutorials:
Webflow Course for Beginners:
Photoshop Tutorials:
Illustrator Tutorials:
After Effects Tutorials:
UI Design Tutorials:
Design Resources, Tools and Softwares:
Adobe XD CC Tutorials:
eSports Design Tutorials:
--------------------------------------------------------------------------------------------
Contact me :
Portfolio:
Twitter:
Instagram:
Mail: designpilot21@gmail.com
Behance:
Dribbble:
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#figma #webdesign #course
0 Comments