Design an Interactive Side-Navigation | Sidebar UI in Figma | UI Design Tutorial

Поделиться
HTML-код
  • Опубликовано: 18 мар 2023
  • In this video we will be designing an Interactive Side-Navigation. You will learn how to design Sidebar UI in Figma with Components having micro-interactions. I am sure this UI Design Tutorial will be helpful for you to learn Figma.
    ⤷ Figma Project : pixelprem.com/product/interac...
    💡 ᴡᴀꜱ ᴛʜɪꜱ ᴠɪᴅᴇᴏ ʜᴇʟᴘꜰᴜʟ ᴛᴏ ʏᴏᴜ? ᴛᴇʟʟ ᴍᴇ ɪɴ ᴄᴏᴍᴍᴇɴᴛꜱ!
    ✨ ɢᴇᴛ ᴍʏ ᴜɪ ᴘʀᴏᴊᴇᴄᴛꜱ!
    🌟UI Kits : pixelprem.com/product-categor...
    🌟Templates : pixelprem.com/product-categor...
    🌟 Micro-interactions : pixelprem.com/product-categor...
    🆓 Freebies : pixelprem.com/product-categor...
    ❇️ Join my Discord server : / discord
    🤝 ʟᴇᴛ'ꜱ ʙᴇ ꜰʀɪᴇɴᴅꜱ!
    ⋄ Instagram ➧ / pixelprem_
    ⋄ Dribbble ➧ dribbble.com/PixelPrem
    ⋄ Linkedin ➧ / ipremkumar
    ⋄ Pinterest ➧ / pixelprem
    🪁 You are here for topics such as #PixelPrem #UIDesign #WebDesign #AppDesign
  • НаукаНаука

Комментарии • 2

  • @sidneydriscoll5579
    @sidneydriscoll5579 Год назад

    Great video, how did you make your logo?

    • @PixelPrem
      @PixelPrem  Год назад +1

      Thanks! I used Figma to design my logo. But it would be hard to guide the process here in comments.

Следующие
Автовоспроизведение
Design an Interactive Testimonials in Figma | UI Design Tutorial20:29Design an Interactive Testimonials in Figma | UI Design Tutorial
Design an Interactive Testimonials in Figma | UI Design TutorialPixelPrem
Просмотров 3 тыс.
Advanced Figma Side Menu with Submenus | Collapsible Side navigation menu (2021)44:18Advanced Figma Side Menu with Submenus | Collapsible Side navigation menu (2021)
Advanced Figma Side Menu with Submenus | Collapsible Side navigation menu (2021)Create Beautiful Things
Просмотров 68 тыс.
Create a Collapsible Sidebar in Figma like a PRO!20:40Create a Collapsible Sidebar in Figma like a PRO!
Create a Collapsible Sidebar in Figma like a PRO!BlueSky Labs
Просмотров 16 тыс.
Tiger Woods' Driver Clinic With Rory McIlroy and Nelly Korda | TaylorMade Golf16:47Tiger Woods' Driver Clinic With Rory McIlroy and Nelly Korda | TaylorMade Golf
Tiger Woods' Driver Clinic With Rory McIlroy and Nelly Korda | TaylorMade GolfTaylorMade Golf
Просмотров 499 тыс.
AP World History Livestream REVIEW-Units 7-9 (90 minutes)3:18:45AP World History Livestream REVIEW—Units 7-9 (90 minutes)
AP World History Livestream REVIEW-Units 7-9 (90 minutes)Heimler's History
Просмотров 186 тыс.
Stephen A. on how the Timberwolves can win Game 7: 'Make them FEAR your STAR!' | NBA Countdown03:19Stephen A. on how the Timberwolves can win Game 7: 'Make them FEAR your STAR!' | NBA Countdown
Stephen A. on how the Timberwolves can win Game 7: 'Make them FEAR your STAR!' | NBA CountdownMalika Andrews - ESPN
Просмотров 132 тыс.
Childish Gambino - Little Foot Big Foot (Official Video) ft. Young Nudy06:14Childish Gambino - Little Foot Big Foot (Official Video) ft. Young Nudy
Childish Gambino - Little Foot Big Foot (Official Video) ft. Young NudyChildishGambinoVEVO
Просмотров 2,9 млн
Design 5 Interactive Bottom Navigations in Figma | Figma UI Design Tutorial32:20Design 5 Interactive Bottom Navigations in Figma | Figma UI Design Tutorial
Design 5 Interactive Bottom Navigations in Figma | Figma UI Design TutorialPixelPrem
Просмотров 8 тыс.
How To Make Designs to Life with Animated Auto Text in Figma / Figma UI/UX.7:50How To Make Designs to Life with Animated Auto Text in Figma / Figma UI/UX.
How To Make Designs to Life with Animated Auto Text in Figma / Figma UI/UX.Designer Sis
Просмотров 72
Grid system for Dashboards - Design with good foundation13:10Grid system for Dashboards - Design with good foundation
Grid system for Dashboards - Design with good foundationKayung Caleb Lai
Просмотров 5 тыс.
Collapsable Sidebar Animation in Figma (Easy)27:11Collapsable Sidebar Animation in Figma (Easy)
Collapsable Sidebar Animation in Figma (Easy)Shmelt studios
Просмотров 29 тыс.
Design Discord Sidebar with Animations in Figma | Design UI Components in Figma | Micro-interactions22:07Design Discord Sidebar with Animations in Figma | Design UI Components in Figma | Micro-interactions
Design Discord Sidebar with Animations in Figma | Design UI Components in Figma | Micro-interactionsPixelPrem
Просмотров 553
Functional Calendar (Date picker) UI Design in Figma | Interactive Components9:54Functional Calendar (Date picker) UI Design in Figma | Interactive Components
Functional Calendar (Date picker) UI Design in Figma | Interactive ComponentsDS CODE
Просмотров 27 тыс.
Create a Responsive Grid System for Web & UI Design | Figma Tutorial12:18Create a Responsive Grid System for Web & UI Design | Figma Tutorial
Create a Responsive Grid System for Web & UI Design | Figma TutorialDesignWithArash
Просмотров 206 тыс.
Figma Advanced Animations19:41Figma Advanced Animations
Figma Advanced AnimationsFlux Academy
Просмотров 112 тыс.
Figma Tutorial: Design a Responsive Table (Master AutoLayout!!)10:11Figma Tutorial: Design a Responsive Table (Master AutoLayout!!)
Figma Tutorial: Design a Responsive Table (Master AutoLayout!!)Mizko
Просмотров 111 тыс.
Это новые российские SSD! Ну почти… 🙂01:00Это новые российские SSD! Ну почти… 🙂
Это новые российские SSD! Ну почти… 🙂Вэйми
Просмотров 490 тыс.
What’s your charging level??00:14What’s your charging level??
What’s your charging level??Татьяна Дука
Просмотров 123 тыс.
Huawei Pura 70 Ultra ,el nuevo rey #huawei #huaweipura70ultra #galaxys24ultra00:19Huawei Pura 70 Ultra ,el nuevo rey #huawei #huaweipura70ultra #galaxys24ultra
Huawei Pura 70 Ultra ,el nuevo rey #huawei #huaweipura70ultra #galaxys24ultraGTechMx
Просмотров 659 тыс.
Which Phone Unlock Code Will You Choose? 🤔️00:14Which Phone Unlock Code Will You Choose? 🤔️
Which Phone Unlock Code Will You Choose? 🤔️Game9bit
Просмотров 8 млн
Как работает Шариковая Компьютерная Мышь?00:32Как работает Шариковая Компьютерная Мышь?
Как работает Шариковая Компьютерная Мышь?dizzi
Просмотров 30 тыс.
Универсальный кабель для всех ваших гаджетов #inCharge00:42Универсальный кабель для всех ваших гаджетов #inCharge
Универсальный кабель для всех ваших гаджетов #inChargeRozetked
Просмотров 963 тыс.
ОБЗОР Pixel 8a | iPhone от ГУГЛ👀00:33ОБЗОР Pixel 8a | iPhone от ГУГЛ👀
ОБЗОР Pixel 8a | iPhone от ГУГЛ👀Technodeus
Просмотров 18 тыс.
Готовый миниПК от Intel (но от китайцев)36:25Готовый миниПК от Intel (но от китайцев)
Готовый миниПК от Intel (но от китайцев)Ремонтяш
Просмотров 375 тыс.