🚀 Get 2 free months on Skillshare Premium & watch the Mega Webflow Course for Beginners:
In this video, I am going to teach you the basics of responsive design when designing websites.
🔗 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
understand that in this video you set the max width of 1920px, is that mean that you will likely to design in the 1920px rather than 1440px?
or you can still design in 1440px and set the max width of 1920px?
All I hear is width, was looking for an answer not theory
I combine the pleasant with the useful: I watch a course on a topic that inspires me and practice my English. Thanks for the available material
What software is this?
Man I just love you
Thank you for making such useful tutorial. Its really informative.
Like they way you teach. Without bullshit, very fast, but still informative
Your videos are very much informative. Please make tutorial on mobile app also.
I know it's been awhile since you made this video, but how do you get across your screen so quickly like moving around the artboard? I know some shortcuts but not moving easily is kinda destroying my efficiency. I use adobe xd currently but I recently downloaded figma for more options.
Love you dude! You clear all the doubts I had. Please do consider teaching in Udemy or other platforms, you're really good at teaching.
Thank you so much for this amazing series! This course is so well structured and easy to follow.
Also love the fact that you explain each little command shortcut that you use, it's very helpful for us, beginners 🙂
I couldn't ask for more