uxpeak
uxpeak
  • 12
  • 1 172 713
UX/UI Design Tutorial in Figma - Design Modern Website from Scratch
✨ Join our UX/UI Design Mastery Course with the exclusive, time-limited code "PRIDE50" to get 50% off. This offer is available for a limited time for a few students only.
Learn how to design a beautiful website for a music streaming platform using FIGMA through a step-by-step tutorial.
This tutorial is part of our UX/UI Design Mastery Course, which includes numerous UI design tutorials, UI tips & tricks, and special UI design resources.
💎 UX/UI Design Mastery course: www.uxpeak.com
✨ UI/UX Playbook: www.uxpeak.com/the-ui-ux-playbook
🎁 Don't forget to grab the free Figma source file: uxpeak.gumroad.com/l/juquh
🔥 List of free UI design resources: www.uxpeak.com/resources
We are eager to see your creations. Simply share it on social media and tag us in the post, so we can see your awesome work. The one that we will like the most, will be featured on our social media.
#uidesign #webdesign #uxdesign #FIgma #uxuidesign
Переглядів: 35 777

Відео

The Shortest UI/UX Design Course For Beginners - Learn UX/UI Design in 6 Minutes
Переглядів 15 тис.7 місяців тому
Enjoyed the quick tour of UX/UI Design? Our UX/UI Design Mastery Course is your next step 👇 www.uxpeak.com 🔥 Save 20% with code 'UA-cam20' at checkout: Ever wondered how designers create apps that are not only functional but also a delight to use? This video is your quick guide to understanding the essentials of UX/UI Design. By the end, you'll have a solid foundation that applies to any design...
Create a 3D Animated Website with Figma & Dora - No Code Required
Переглядів 127 тис.9 місяців тому
Ever wanted to create a 3D animated website but thought it was too complicated? In this tutorial, we'll show you how to use Figma and Dora to design a jaw-dropping 3D website-and the best part? No coding skills are needed. #3dwebsite #uixudesign #animation Grab our FREE UX/UI Design Playbook 👇 uxpeak.gumroad.com/l/UIUXPlaybook Figma Source File 👇 uxpeak.gumroad.com/l/gtsus Learn UX/UI Design 👇 ...
UI Design Trends Everyone Is Talking About in 2023
Переглядів 340 тис.10 місяців тому
Hey there! 2023 is really shaking things up in the design world. If you've noticed websites looking cooler with 3D stuff and glowing colors, you're not alone. In this video, we're chatting about these cool new design changes and what they mean for us. 🖥️✨ #uidesign #uiuxtrends #3d Grab our FREE UX/UI Design Playbook 👇 uxpeak.gumroad.com/l/UIUXPlaybook Learn UX/UI Design 👇 www.uxpeak.com/ Timest...
10 Game-Changing Figma Tips & Tricks Every Designer Needs to Know
Переглядів 19 тис.10 місяців тому
Get ready to supercharge your Figma workflow with our must-know Figma Tips & Tricks for Designers in 2023. We're going to dive into some smart and effective ways to use Figma that can dramatically enhance your design process. We'll help you create better designs, faster, and with more confidence! #Figma #uidesign #Figmatips #ui #webdesign Grab our FREE UX/UI Design Playbook 👇 uxpeak.gumroad.com...
3D Interactive Animation With a Rotating Effect - Figma Prototyping Tutorial
Переглядів 72 тис.11 місяців тому
Learn how to create an amazing 3D interactive planet animation with a rotating effect in Figma. No plugins, just simple techniques! Don't forget to grab the free Figma source file: uxpeak.gumroad.com/l/3Danimation Our UX/UI Design Mastery course 👇 www.uxpeak.com/ How to Use AI to Create Stunning Designs - Midjourney Tutorial 👇 ua-cam.com/video/cJmbncvBYJM/v-deo.html&ab_channel=uxpeak Timestamps...
3D Carousel in Figma Using Smart Animate | Prototyping Tutorial
Переглядів 287 тис.11 місяців тому
Welcome to our Figma tutorial where we dive into the creation of a captivating 3D carousel using Figma's Smart Animate feature! If you've ever wanted to elevate your web design skills and create eye-catching, interactive elements, this tutorial is perfect for you. In this step-by-step guide, we'll walk you through the process of designing a 3D carousel from scratch. You'll learn how to craft a ...
How to Use AI to Create Stunning Designs - Midjourney Tutorial
Переглядів 9 тис.11 місяців тому
Ever wondered how to leverage the power of AI to create stunning, custom graphics for your mobile app designs? Well, you're in luck! 🍀 In this tutorial, we're diving deep into the world of Midjourney, and showcasing how this AI-driven design tool can breathe life into your creative process. To make things even smoother for you, you can find the final Figma source file here: www.figma.com/commun...
Dev mode - Figma's Game Changing Update | Config 2023
Переглядів 1,8 тис.Рік тому
🎉 Get ready to revolutionize your design-to-development workflow with Figma's latest update: Dev Mode! 💻 This groundbreaking feature is designed to make Figma more intuitive and efficient for developers, bridging the gap between design and code like never before. 🌉 In this comprehensive tutorial, we delve deep into the heart of Figma's Dev Mode. Whether you're a developer looking to streamline ...
Wrap Auto Layout Objects - New Figma Update | Config 2023
Переглядів 7 тис.Рік тому
Welcome to our deep dive into one of Figma's latest and most exciting features - Auto Layout Wrapping. Unveiled at Config 2023, this update allows you to take your design workflow to new heights. We explore how this feature allows for greater flexibility in arranging objects within an auto layout frame, providing an easy way to wrap objects to the next line. We also delve into the new support f...
Horizontal and Vertical Scroll in Figma - Quick Prototyping Tutorial
Переглядів 186 тис.Рік тому
Hello and welcome to our channel. In this quick step-by-step tutorial, we are going to show you how to prototype horizontal and vertical scrolls in Figma. Enjoyed this tutorial? Learn more about UX/UI Design through our comprehensive UX/UI Design Mastery Course. It's a one-course you'll need to kickstart your UX/UI design career, packed with in-depth lessons, practical hands-on exercises, and i...
Animated Navigation Bar in Figma - Prototyping Tutorial
Переглядів 75 тис.Рік тому
Hello and welcome to our channel. In this step-by-step tutorial, we are going to show you how to design and prototype a modern animated navigation bar in Figma. As a bonus, we've prepared for you a free source file link that you use to copy our design. Enjoyed this tutorial? If you want to learn more about UX/UI Design feel free to check out our UX/UI Design Mastery Course. It's a one-course yo...

КОМЕНТАРІ

  • @Ravikumar_krishnan
    @Ravikumar_krishnan 12 годин тому

    Thank you for your tutorial first. After done this design how to download and how to use this video? How to share in social networks? Where will use this video

  • @JonaSaxify
    @JonaSaxify День тому

    Mine didn't scroll all the way down. Does anyone know why?

  • @alinalarybe3362
    @alinalarybe3362 2 дні тому

    But how I Get source files free of cost

    • @uxpeak
      @uxpeak 23 години тому

      uxpeak.gumroad.com/l/juquh use the link above and at the checkout enter 0$ :)

  • @alinalarybe3362
    @alinalarybe3362 2 дні тому

    Amazing Style ...just love it

    • @uxpeak
      @uxpeak 23 години тому

      Oh, made our day. :) Glad that you enjoyed it

  • @user-xm8oz8wi1h
    @user-xm8oz8wi1h 2 дні тому

    Why you didn't put links for all sample you have in your video⁉️

  • @arifnazar2547
    @arifnazar2547 3 дні тому

    incredible. loved it

    • @uxpeak
      @uxpeak 23 години тому

      So happy to hear that :)

  • @gehadmagdyelkhouly96
    @gehadmagdyelkhouly96 3 дні тому

    very helpful thanks

  • @Peace_seeker
    @Peace_seeker 4 дні тому

    can you explain how to open this source file in figma please

    • @Peace_seeker
      @Peace_seeker 4 дні тому

      please explain how to open this source file in figma ...this file is in .fig form

  • @jimarrafi5881
    @jimarrafi5881 4 дні тому

    How did you make this intro? Which software or website you used ?

  • @micdrop_army
    @micdrop_army 5 днів тому

    Its ammaaazzinnggg❤❤❤ great work you are awsomee

    • @uxpeak
      @uxpeak 4 дні тому

      Happy to hear that you liked it :)

  • @madhumithap1350
    @madhumithap1350 5 днів тому

    thanks this is wonderful! How to change the screen with the navigation?

  • @user-qd4bg7lj8o
    @user-qd4bg7lj8o 7 днів тому

    The best tutorial. Thank you!

    • @uxpeak
      @uxpeak 4 дні тому

      Very happy to hear that :)

  • @SweSwe-pq8bt
    @SweSwe-pq8bt 9 днів тому

    Wow, amazing. Thank you so much.

    • @uxpeak
      @uxpeak 8 днів тому

      Ahh, happy to hear that you liked it :)

  • @ad_mastermind1313
    @ad_mastermind1313 11 днів тому

    bro this figma file not downloading please help

    • @uxpeak
      @uxpeak 11 днів тому

      Hi. Write us through live chat at www.uxpeak.com and we will do our best to help you with this.

  • @samueladeyeye3085
    @samueladeyeye3085 12 днів тому

    Nice tutorials @uxpeak I'm unable to download the source file from the link you dropped. Would you mind sending to me? Thanks

    • @uxpeak
      @uxpeak 11 днів тому

      Thank you. Happy to hear that you like our tutorials. Write us through live chat at www.uxpeak.com and we will do our best to help you with this. :)

  • @DharaGuptaa
    @DharaGuptaa 13 днів тому

    this was so straightforward!

    • @uxpeak
      @uxpeak 13 днів тому

      Glad to hear that you enjoyed it :)

  • @suryatamil631
    @suryatamil631 13 днів тому

    Nice one. I gained a lot tricks and design knowledge😍

    • @uxpeak
      @uxpeak 13 днів тому

      Very happy to hear that :)

    • @uxpeak
      @uxpeak 13 днів тому

      Thank you

  • @user-wn1dc1fo5i
    @user-wn1dc1fo5i 14 днів тому

    its super cooool i love it

    • @uxpeak
      @uxpeak 13 днів тому

      Ah, thank you :)

  • @firetechlearn1161
    @firetechlearn1161 14 днів тому

    Wow' interesting .it's helpful for every designer.Thanks lot.

  • @nassarbeauty4493
    @nassarbeauty4493 14 днів тому

    Can we see it in HTML, CSS, and JavaScript!!!! Anyone have any links?

  • @FigmaHubtech
    @FigmaHubtech 15 днів тому

    This tutorial is amazing and I'm improving my figma skill thank you so much ❤

  • @AlifCute-md5cy
    @AlifCute-md5cy 15 днів тому

    ua-cam.com/video/52o30f_YTDo/v-deo.htmlsi=c87DdJgs0aXHyyXR I have built this website with HTML CSS js

  • @Bilalcodingstudio
    @Bilalcodingstudio 15 днів тому

    Please how can I download those image

    • @uxpeak
      @uxpeak 14 днів тому

      Hi. You can download the free source file here :) uxpeak.gumroad.com/l/juquh

  • @AkshArt1992
    @AkshArt1992 16 днів тому

    its really helpful thanks bro

  • @Leochuks456
    @Leochuks456 16 днів тому

    Great video Best plugin for illustration

    • @uxpeak
      @uxpeak 14 днів тому

      Thank you. Happy to hear that you enjoyed it :)

  • @SimonaTselova
    @SimonaTselova 16 днів тому

    THANK YOU. I spent hours trying to do this and your tutorial saved me 😭

  • @me-kl7bq
    @me-kl7bq 18 днів тому

    Appreciate the design but how can one code this?

  • @Wenaartgr
    @Wenaartgr 18 днів тому

    Idk what is command key and I'm on windows

  • @hrazamemon4040
    @hrazamemon4040 22 дні тому

    How can you make slide show

    • @uxpeak
      @uxpeak 21 день тому

      Might do another tutorial for it in the future.

  • @FariJaved77
    @FariJaved77 22 дні тому

    Is I possible to do it in canva like that?

  • @sairohith2121
    @sairohith2121 22 дні тому

    Good bro it's very useful for practice do some more projects keep it up ❤🎉

  • @mat.0565
    @mat.0565 22 дні тому

    chef mate asap

  • @ad_mastermind1313
    @ad_mastermind1313 22 дні тому

    Bro intro is beautiful how to create please asked me❤

    • @uxpeak
      @uxpeak 21 день тому

      Thank you :) Appreciate it

  • @woody504
    @woody504 24 дні тому

    this looks awesome! How can this be converted into a website from figma?

  • @ioannisme7495
    @ioannisme7495 24 дні тому

    beautiful❤

    • @uxpeak
      @uxpeak 21 день тому

      Thank you very much :)

  • @GemilangNugrahaIsmajaya
    @GemilangNugrahaIsmajaya 27 днів тому

    Im awed by this vid , tyvm

  • @rakshithk6261
    @rakshithk6261 27 днів тому

    thanks man. Finally found a video which actually helped and worked🤜🤛

    • @uxpeak
      @uxpeak 21 день тому

      Very happy to hear that :)

  • @arifinshad2833
    @arifinshad2833 Місяць тому

    Great buddy

  • @Asif05288
    @Asif05288 Місяць тому

    Sir I have no money for buy this book plzz give me free 😢😢

  • @anairamsouza9423
    @anairamsouza9423 Місяць тому

    Oh thank you so much, this video helped me a lot, I was trying to learn how to do this transitions, but did not find a good and objective explanation like yours ❤️

    • @uxpeak
      @uxpeak 21 день тому

      Oh, thank you very much :)

  • @user-iw1zv7bz5o
    @user-iw1zv7bz5o Місяць тому

    Thank you so much!😍😍😍😍😍

  • @svtcarat6235
    @svtcarat6235 Місяць тому

    i did the same thing but my product doesn't move it only changes

  • @IraHamdan-xs8mv
    @IraHamdan-xs8mv Місяць тому

    can i know the key for windows?anyone can help me on this?

  • @samilkarabork4138
    @samilkarabork4138 Місяць тому

    hostinger?

  • @atkakhurshid3872
    @atkakhurshid3872 Місяць тому

    cool

  •  Місяць тому

    How do I make it scroll further than the content? It’s not showing me all the content. Cause the menu bar covers it.

    • @Official_mohamedfayez
      @Official_mohamedfayez 23 дні тому

      Set the bottom of the frame at the top of the bottombar, not the top. This should solve the problem I was having too.

  • @mkbusiness3561
    @mkbusiness3561 Місяць тому

    where do you find this mockup pleas

    • @uxpeak
      @uxpeak Місяць тому

      Hi. You can find it here uxpeak.gumroad.com/l/juquh

  • @justingrasio3967
    @justingrasio3967 Місяць тому

    Thank you for all the knowledge and kindness that you share freely. I am very grateful to be able to learn this figma from you.

    • @Peace_seeker
      @Peace_seeker 4 дні тому

      please explain how to open this source file in figma ...this file is in .fig form

  • @justingrasio3967
    @justingrasio3967 Місяць тому

    Thank you 👍👍

  • @justingrasio3967
    @justingrasio3967 Місяць тому

    im still confuse about the arc tools, can u explain to me how to use that?

    • @justingrasio3967
      @justingrasio3967 Місяць тому

      When i hover over the circle, a single handle not appear on the right-hand side.