Designing the Dribbble Section of the Portfolio Website in Figma - 14/22

Designing the Dribbble Section of the Portfolio Website in Figma - 14/22

4.8K views · 2020-06-11 UI Design
🚀 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/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947

In this video, we are going to design the dribbble section of the portfolio website in Figma.

🔗 Download Project Files:
https://gum.co/jvKpa

Part 1 - Basics of Responsive Design for Designing Websites:
https://youtu.be/CPb9BmrO8KY

Part 2 - Setting up a Grid for your Portfolio Website in Figma:
https://youtu.be/XbnXB37L9Fg

Part 3 - Designing the Navigation Bar in Figma:
https://youtu.be/IZF3oIljITQ

Part 4 - Basics of Viewport Height:
https://youtu.be/YAYQUyq5J4g

Part 5 - Designing the Hero Section of the Website in Figma:
https://youtu.be/ICPhppL5duY

Part 6 - Designing the Experience Section of the Website in Figma:
https://youtu.be/l1aO_Cdqra8

Part 7 - Designing the Middle Section of the Portfolio Website in Figma:
https://youtu.be/Ch0uJRcAZH4

Part 8 - Preview and Mirror your Website Design on Figma:
https://youtu.be/epps9i76Dik

Part 9 - Designing the Skills Section of the Portfolio Website in Figma:
https://youtu.be/mEPe1NrP9OQ

Part 10 - Designing a Website for Tablet Breakpoint in Figma (Part 1):
https://youtu.be/JC4JXMvWLBI

Part 11 - Designing a Website for Mobile Breakpoint in Figma (Part 1):
https://youtu.be/fqb9MT4iz38

Part 12 - Designing a Logo Carousel for your Portfolio Website in Figma:
https://youtu.be/KWbzgkEDti4

Part 13 - Designing the Projects Section of the Portfolio Website in Figma:
https://youtu.be/YRqQpcaXgBw

Part 14 - Designing the Dribbble Section of the Portfolio Website in Figma:
https://youtu.be/fzD7ilfqIWw

Part 15 - Designing the Testimonials Section of the Portfolio Website in Figma:
https://youtu.be/9wVyVHoApic

Part 16 - Designing a Tabs Section of the Portfolio Website in Figma:
https://youtu.be/yKwHa9TT9mU

Part 17 - Designing a Contact Form of the Portfolio Website in Figma:
https://youtu.be/jC9o9XWuRZ0

Part 18 - Designing a Footer of the Portfolio Website in Figma:
https://youtu.be/Vu_hCvQnuAw

Part 19 - Designing a Website for Tablet Breakpoint in Figma (Part 2):
https://youtu.be/5scZO1EHaiE

Part 20 - Designing a Website for Mobile Breakpoint in Figma (Part 2):
https://youtu.be/3uBtzv2C7FM

Part 21 - Using Components in Figma:
https://youtu.be/3366JRVTooA

Part 22 - Handoff the Portfolio Website to Developers in Figma:
https://youtu.be/nN630zwuTso
---------------------------------------­----
UI/UX Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#figma #webdesign #course