Designing a Website for Mobile Breakpoint in Figma (Part 1) – Part 11/22



๐Ÿš€ Get 2 free months on Skillshare Premium & watch the Mega Webflow Course for Beginners: https://skl.sh/2TVhf8z

๐Ÿš€ Create an account on Mobbin for free:
https://mobbin.com/?via=chethan

In this video, we are going to design the portfolio website for the Mobile Breakpoint in Figma.

๐Ÿ”— Download Project Files:
https://gum.co/jvKpa

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: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: [email protected]
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
——————————————————————————————–
LIKE, SHARE, COMMENT & SUBSCRIBE ๐Ÿ™‚
#figma #webdesign #course

6 thoughts on “Designing a Website for Mobile Breakpoint in Figma (Part 1) – Part 11/22

  1. Halfway to complete this course! After so many days it was a Productive Sunday ๐Ÿ™‚ Thanks Chetan, so happy to have a design mentor like you. My level of designing in Figma got 10X.

Leave a Reply

Your email address will not be published.