Analysing Icon Buttons in a Design System - Figma Tutorial

Фильм және анимация

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: skl.sh/2TVhf8z
In this video, I dive into the world of icon buttons and uncover some major inconsistencies in Airbnb's design. I explore the terminology used for icon buttons and discuss how they are categorized in different design guidelines. I also analyze various screenshots and point out sizing and spacing issues. Throughout the video, I emphasize the importance of organizing icon buttons in a design system and provide insights on creating different variants.
🚀 The Ultimate Guide to Become a Product Designer: learnproduct.design
🚀 Create an account on Mobbin for free:
mobbin.com/?via=chethan
--------------------------------------­---
Mega Product Design Course for Beginners:
• The Mega Product Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: designpilot21@gmail.com
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)

Пікірлер: 10

  • @dotpenji
    @dotpenji10 ай бұрын

    Your video on Design Systems is incredibly informative, and I appreciate the effort you've put into breaking down the concept of icon buttons. One key takeaway from your video is the importance of maintaining consistency in design elements while also being flexible enough to adapt to specific use cases. Your explanations are clear and easy to follow, making it easier for viewers to understand the complexities of design systems. I'm curious to know, how do you approach handling other design elements in your system, such as typography or color schemes? Do you have any specific strategies for ensuring consistency across the board? Keep up the amazing work!

  • @DesignPilot

    @DesignPilot

    10 ай бұрын

    I’ve covered all that in my design systems course

  • @user-bc8vt1kf6l

    @user-bc8vt1kf6l

    10 ай бұрын

    A significant insight I gained from your video is the significance of upholding design element consistency while also allowing for adaptability to suit particular scenarios.

  • @pabitrashow9748
    @pabitrashow9748 Жыл бұрын

    Everyone: Airbnb also focused on their UI design Me: Don't mess with Chetan, he is a pilot of the design industry 😎

  • @Ucreator1519
    @Ucreator1519 Жыл бұрын

    sir can create a video on auto layoute because I am confused where use fix height,fill container, hug container in multilevel container, how I can create responsive design or components

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    I do have one. It’s called Ultimate Guide to Auto Layout

  • @Ucreator1519

    @Ucreator1519

    Жыл бұрын

    @@DesignPilot i know sir and I seen this video bud multilevel container use in one auto layoute then I confused and not responsive layout

  • @sharpmw
    @sharpmw Жыл бұрын

    Why have they designed a hover state for a mobile app?

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    Since the DS is being used for both app and web

  • @deekshakapoor1563
    @deekshakapoor15637 ай бұрын

    doubt here in this course, we are creating the design system from a fully -fedged developed app. but isn't it should be reverse? In companies, wont we be expected to create design system first and then the app (assuming its the very beginning of the company). In that case what should be the approach? because this seems like a reverse engineering

Келесі