Dennis Leoca
Dennis Leoca
  • Видео 137
  • Просмотров 271 145
Redesigning YouTube: A Better Way to Watch
In this RUclips video, I will take you on a creative journey as I redesign the iconic RUclips platform from my unique perspective. Join me as I walk you through each step of my design process, offering a detailed, behind-the-scenes look at how I envision and reimagine RUclips. From initial concepts to final touches, you'll gain insight into my design philosophy and see how I approach enhancing the user experience on this beloved platform. Watch now to explore my vision for a redesigned RUclips!
Annotation Kit: www.uxlab.academy/product-presentations/free-figma-annotation-kit
Figma File: bit.ly/3yIaT3G
BECOME A DESIGN MASTER
🔥 www.uxlab.academy/
🧑‍🎓 Learn Product Development: bit.ly/45FsPrw
🧑‍🎓 ...
Просмотров: 433

Видео

I Owe You An Apology (The Truth)
Просмотров 2666 месяцев назад
BECOME A DESIGN MASTER 🔥 www.uxlab.academy/ 🧑‍🎓 Learn Product Development: bit.ly/45FsPrw 🧑‍🎓 Free Figma Course: bit.ly/3NeAQg3 ✨ Best Figma Design System: bit.ly/48E0qlU AFFILIATE LINKS These links are affiliates. Clicking may earn us a small commission at no extra cost to you. We only recommend trusted products. Your support through these links directly backs our channel. Thank you for being ...
Figma’s New Multi-Edit Feature is INSANE
Просмотров 5058 месяцев назад
In this video, I'll be demonstrating the latest feature in Figma, known as multi-edit. Figma file: bit.ly/43pn0ha BECOME A DESIGN MASTER 🔥 www.uxlab.academy/ 🧑‍🎓 Learn Product Development: bit.ly/45FsPrw 🧑‍🎓 Free Figma Course: bit.ly/3NeAQg3 ✨ Best Figma Design System: bit.ly/48E0qlU AFFILIATE LINKS These links are affiliates. Clicking may earn us a small commission at no extra cost to you. We ...
Best Unique Mac Apps (2024)
Просмотров 3 тыс.9 месяцев назад
Dive into the cutting-edge world of Mac applications in 2024! In this video, we're exploring the best Mac apps of the year-tools meticulously chosen to boost productivity and simplify life. These top-tier performers are designed to keep you ahead in the ever-evolving tech landscape. To me, these are the crème de la crème of Mac apps, as I use these apps constantly in my daily workflows. So whic...
Make Your Buttons Pop with Figma Animations
Просмотров 1,7 тыс.9 месяцев назад
In this Figma animation tutorial, I will show you how to recreate the new call-to-action animation that Apple.com has introduced on their websites using nothing but Smart Animate inside Figma., I will then show you how you can convert this animation into a component that you can reuse in all of your other Figma projects. Create a free account to download file Link to file: www.uxlab.academy/fre...
The Future of UX/UI Design (2024 & Beyond)
Просмотров 1,8 тыс.10 месяцев назад
UX/UI Design is Dead! This is the headline that I've seen lately everywhere I looked. Now the reason I made this video is because I wanted to express my personal opinion about this matter and share with you guys my opinion about the future of UX/UI Design. BECOME A DESIGN MASTER 🔥 www.uxlab.academy/ 🧑‍🎓 Learn Product Development: bit.ly/45FsPrw 🧑‍🎓 Free Figma Course: bit.ly/3NeAQg3 ✨ Best Figma...
Everything you need to know about UX/UI Design, in 2024
Просмотров 2,4 тыс.10 месяцев назад
In this video, I will tell you everything you need to know about UX/UI Design. We will explore various job titles and positions available, including UI Design, UX Researcher, UX/UI Designer (also known as UX Designer), and Service Designer. Also, I will precisely outline the skills required for each role, go through the day-to-day responsibilities, and discuss the timeframe needed to acquire th...
Bento Grids: The Design Trend Taking Over 2024
Просмотров 5 тыс.Год назад
Bento Grids: The Design Trend Taking Over 2024
How To Create A Free Website (Step By Step Tutorial)
Просмотров 767Год назад
How To Create A Free Website (Step By Step Tutorial)
Figma AI: The Design Revolution Has Arrived
Просмотров 1,6 тыс.Год назад
Figma AI: The Design Revolution Has Arrived
Figma Scrolling Position Tutorial: Master the Art of Scrolling!
Просмотров 12 тыс.Год назад
Figma Scrolling Position Tutorial: Master the Art of Scrolling!
How to Add Patterns to Figma Designs (Free Resources Included!)
Просмотров 11 тыс.Год назад
How to Add Patterns to Figma Designs (Free Resources Included!)
Figma Responsive Design: Techniques You NEED to Know
Просмотров 2,5 тыс.Год назад
Figma Responsive Design: Techniques You NEED to Know
Figma Tutorial: Smart Animations In Record Time
Просмотров 562Год назад
Figma Tutorial: Smart Animations In Record Time
The Great UI Design Heist
Просмотров 378Год назад
The Great UI Design Heist
Why this tool is the BEST for creating documentation
Просмотров 2,5 тыс.Год назад
Why this tool is the BEST for creating documentation
How to Create a Food Delivery App (UI/UX Silent Tutorial)
Просмотров 745Год назад
How to Create a Food Delivery App (UI/UX Silent Tutorial)
How To Come Up With Design Ideas When You're Feeling Stuck
Просмотров 519Год назад
How To Come Up With Design Ideas When You're Feeling Stuck
This app saves me hours a day!
Просмотров 330Год назад
This app saves me hours a day!
The best fonts for UI designers (Download Now)
Просмотров 352Год назад
The best fonts for UI designers (Download Now)
Channel Update
Просмотров 142Год назад
Channel Update
10 User Experience Tips (UX/UI DESIGN)
Просмотров 427Год назад
10 User Experience Tips (UX/UI DESIGN)
How Threads App got 30 million users! UX Strategies
Просмотров 278Год назад
How Threads App got 30 million users! UX Strategies
I Tried the AI Website Builder Everyone's Talking About
Просмотров 261Год назад
I Tried the AI Website Builder Everyone's Talking About
Threads vs Twitter: The Battle for the Future of Social Media
Просмотров 271Год назад
Threads vs Twitter: The Battle for the Future of Social Media
AR Design in Figma
Просмотров 8 тыс.Год назад
AR Design in Figma
The Digital Product Secret Nobody Knows!
Просмотров 211Год назад
The Digital Product Secret Nobody Knows!
The Secret Tool User Researchers Don’t Want You To Know About
Просмотров 664Год назад
The Secret Tool User Researchers Don’t Want You To Know About
Microsoft Clarity: A New Way To Boost User Engagement
Просмотров 4,1 тыс.Год назад
Microsoft Clarity: A New Way To Boost User Engagement
Apple Vision Pro: A Designer's Perspective
Просмотров 356Год назад
Apple Vision Pro: A Designer's Perspective

Комментарии

  • @dadounenourelhouda1497
    @dadounenourelhouda1497 3 дня назад

    Love your redesign 😍

  • @6Paths-q7b
    @6Paths-q7b 4 дня назад

    Thank you 🙏

  • @Abdullah-zl9ub
    @Abdullah-zl9ub 14 дней назад

    Pastepal vs paste vs Raycast?… Cleanshot vs shottr?

  • @dansal2525
    @dansal2525 21 день назад

    It would be great if, as you mentioned, you showed the whole process, including meeting the Client, so from beginning to end

  • @Zibonnn
    @Zibonnn 29 дней назад

    I have been struggling a lot with this! Thank you so much. This is the perfect solution! 😀

  • @webrena
    @webrena Месяц назад

    Thank you Dennis. Your info are very informative and simple to understand. <3

    • @DennisLeoca
      @DennisLeoca Месяц назад

      🙏 Thank you! Happy to hear that!

  • @bondioli
    @bondioli Месяц назад

    This is amazing man!!!

  • @charityworks.studio
    @charityworks.studio Месяц назад

    Awesome! Thanks for the tutorial! Time to make lotsa patterns on Figma! :D

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Haha 😂 Happy to hear it helped and good luck with all those patterns!

  • @JoshTalent
    @JoshTalent Месяц назад

    The future is scary

    • @DennisLeoca
      @DennisLeoca Месяц назад

      It will be challenging to navigate for sure, but if we’re willing to learn an adapt we should be fine, we just need to stay on top of things😅

    • @JoshTalent
      @JoshTalent Месяц назад

      @@DennisLeoca yes AI is not for replacing people but people will get replaced if they don't use it and learn it

  • @enitanogunranti3558
    @enitanogunranti3558 Месяц назад

    Thanks so much for this Dennis, you ate and left no crumbs

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Thank you 🤣. Appreciate it 🙏

  • @nuriawettstein
    @nuriawettstein 2 месяца назад

    Muy bueno

    • @DennisLeoca
      @DennisLeoca 2 месяца назад

      @@nuriawettstein Gracias 🙏😅

  • @GeorgeRivera-i9m
    @GeorgeRivera-i9m 2 месяца назад

    This video was super informative!

    • @DennisLeoca
      @DennisLeoca 2 месяца назад

      Thank you 🙏. Happy to hear you enjoyed it!

  • @GeorgeRivera-i9m
    @GeorgeRivera-i9m 2 месяца назад

    This video just saved me a ton of time!

    • @DennisLeoca
      @DennisLeoca 2 месяца назад

      😅 Happy to hear that!

  • @wayynovu
    @wayynovu 2 месяца назад

    How can I get design feedback smooooothly ? I want my client to add comments on my design and when they finish a notification is send to me

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Well you can do that in Figma. Check your notification settings, you should receive an email every time someone adds a comment to your designs. I usually give my clients a timeframe to add comments before we move to the next stage. This way it's a lot easier to manage and monitor.

  • @HACKED33333
    @HACKED33333 2 месяца назад

    Tutorial helpful asf, thank you autor

  • @RebeccaStonebraker-x3l
    @RebeccaStonebraker-x3l 2 месяца назад

    Very cool. Thanks for sharing!

  • @Matt_warren_photography
    @Matt_warren_photography 2 месяца назад

    Brilliant... Is there anyway of saving presets you made on your mobile LR and transfer over to pc???

  • @d4rthvad3y
    @d4rthvad3y 2 месяца назад

    Your video was exactly what I was looking for, thank you so much for creating this. It's been a very annoying 3 hours without finding what I was looking for. This video is getting pinned in my UI bookmarks.

    • @DennisLeoca
      @DennisLeoca Месяц назад

      So happy to hear that! If your interested check out www.uxlab.academy/user/sign-up. That's where I add all my design tutorial, tips, corses...etc. I't completely free!

  • @breynerjimeneznoy
    @breynerjimeneznoy 2 месяца назад

    Thanks a lot! Simple and to the point.

  • @rodrigovirgolino
    @rodrigovirgolino 2 месяца назад

    Thanks

  • @TheBlueAmeer
    @TheBlueAmeer 2 месяца назад

    Cool and better 😎👍

  • @mynameisCALLOW
    @mynameisCALLOW 2 месяца назад

    No additional feature needed to achieve the effect mentioned at 6:30. You'll just need another layer of nesting. Using your example: - Add another frame around your sticky frame. You'll then have a setup that looks like this: - - "Add to basket" frame (scroll with parent) nested inside > - - Intermediate transparent frame (sticky) nested inside > - - Exterior transparent frame (scroll with parent) - When you scroll the top of the intermediate frame will stick to the top making "Add to basket" stick along with it - The exterior frame, however will continue to scroll with parent. - The intermediate (sticky) frame will only stick at the top in relation to the frame it's nested in so once the bottom edge of the exterior frame comes into play it will push the sticky frame up out of view along with it - This leaves us with "Add to basket" that sticks for a duration and then continues to scroll - The duration / timing of how long it sticks is all due to the height of the transparent frames Awkward to write out with no visual, but this is the work around I found to achieve the effect in prototyping. Happy to answer any questions if anyone is interested

    • @Hentai_Senpa169
      @Hentai_Senpa169 Месяц назад

      Hey, thank you for the comment, I can kinda visualize your steps in Figma, but I am still not being able to achieve this, can you make like a prototype and share it so it is easier to understand. Thank you so much

    • @EvelynMaisaHettwer
      @EvelynMaisaHettwer 4 дня назад

      you just saved my life, thank you both

  • @vincentnoske8880
    @vincentnoske8880 3 месяца назад

    I don’t understand you put 0 margins to the top header and the body text and still there is space between them. Has that something to do that you gave header the top header padding?

    • @DennisLeoca
      @DennisLeoca Месяц назад

      That space comes from the text height, if you want to get rid of that you will need to adjust your text layer. Is this what you were asking?

  • @madhanraj5635
    @madhanraj5635 3 месяца назад

    Thank you!

  • @Stylewitharizayyy
    @Stylewitharizayyy 3 месяца назад

    You just earned a subscriber!!!!! <3

    • @DennisLeoca
      @DennisLeoca 2 месяца назад

      🙌🏼 Welcome to the channel!

  • @OliviaScholtz-j7r
    @OliviaScholtz-j7r 3 месяца назад

    This isn't letting me change the font size :(

    • @DennisLeoca
      @DennisLeoca Месяц назад

      That's strange, what do you mean when you say it's not letting you change the font size?

  • @Ximenahegu
    @Ximenahegu 3 месяца назад

    Ah what a tip! Whenever I saw those patterns in social media posts I thought "I want to have that!" and I always failed to try haha Thanks for sharing!

    • @DennisLeoca
      @DennisLeoca 2 месяца назад

      Haha so happy to hear that the video helped 😅. Best of luck with your designs!

  • @anthonyrude
    @anthonyrude 3 месяца назад

    Still waiting for the new way to boost engagement.

  • @kalecreates
    @kalecreates 3 месяца назад

    ❤❤❤

  • @endgamefond
    @endgamefond 3 месяца назад

    This is a good one, i have been manually adding the space by clicking one by one. hahaha i use figma to make instagram post. i am not a ui designer. i am really struggling with spacing like i want left and right to have the same empty space so i use grid but that doesnt help me to get precise number. so the trick is auto layout (set the vertical n horizontal space) and fill container. OMG that mobile setting is what i need for instagram story coz i have been copying it one by one. btw what is variant.

  • @h4nzo692
    @h4nzo692 4 месяца назад

    how to create, radial gray?

    • @DennisLeoca
      @DennisLeoca Месяц назад

      That's a good question...I will need to research that. I don't know 😅. But will make sure to share it if I found out!

  • @michaelroberts2832
    @michaelroberts2832 4 месяца назад

    easiest explanation after endless tuts. thank you!

  • @OrbisAgency
    @OrbisAgency 4 месяца назад

    Brilliant how you explain things so easily for beginners! Liked and subbed 🫡

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Hey thank you welcome to the channel!

  • @infernalcapricorn
    @infernalcapricorn 4 месяца назад

    Would you say Mizco is legit? I’m getting out of a horrible boot camp and looking to take more courses. Thanks.

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Hey! Sorry to hear that. Which bootcamp did you take, if you don’t mind me asking? I think so, yes. I don’t know him personally, but based on his content, he seems like someone who knows what he’s doing. He focuses more on teaching people how to use Figma and other design tools. I’m more passionate about helping people become UX/UI designers and making money in the process. Figma is only 20% of what you need to know to become a great designer. If you’re interested, I have a free class going live at www.uxlab.academy/#free_course. I’ll be covering the end-to-end process of creating a landing page for a banking app. Feel free to reach out if you have specific questions-I’d be happy to help with any advice!

  • @oxannarts
    @oxannarts 4 месяца назад

    For anyone just wanting to have their menu fixed on top, just watch the 3 first minutes xD 15 minutes tutorial for this is wild. Also, no need to shrink your "Desktop" frame in order to have the vertical scroll to work ; it will only leads to cut your protoype view in the play mode. The warning message in Figma scroll tool is only here to let you know that you content should be bigger than the target screen size (chosen when you create your Desktop frame) :) But thanks for the help!

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Hey! Thank you for the feedback. I've noticed that my tutorials are quite long winded so I'm with you on this, hence why I took a break just to up my video skills a bit, this 💩 is hard 🤣. It's strange how I can be so good in real life with human interaction but in my videos I look like a toddler learning to speak 🤣

    • @oxannarts
      @oxannarts Месяц назад

      @@DennisLeoca That's totally understandable 😂 video making is a whole new job to learn!

  • @ln9356
    @ln9356 4 месяца назад

    This was soo helpful! Thank you!

    • @DennisLeoca
      @DennisLeoca Месяц назад

      So glad to hear that! 🙌

  • @justice1915
    @justice1915 4 месяца назад

    Which design system did you use? Very helpful video 🎉

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Hey I use this one: www.uxlab.academy/product-presentations/design-system

  • @VeronikaPavlova-j2g
    @VeronikaPavlova-j2g 4 месяца назад

    Thanks for the video, everything is expressed clearly! Could you, please, tell if there is a chance to adapt the size of the text to the size of the frame? For instance, the frame becomes smaller and I want the font to change to a smaller size too. Thank you in advance for your response!

    • @DennisLeoca
      @DennisLeoca Месяц назад

      You can do that with variables, I will add the video to my list!

  • @linzee18
    @linzee18 5 месяцев назад

    since it's been one year of making this video, did figma fix the auto-layout bug that dennis talks about?

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Unfortunately not yet...either they don't care about it or they think that that's a feature 😅.

  • @anh_nv
    @anh_nv 5 месяцев назад

    thanks, all these videos are so helpful and straight to the point, that's amazing !!!

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Thank you, happy to hear that 🙏

  • @MsTimisoreanu
    @MsTimisoreanu 5 месяцев назад

    Thank you very much. That made me easily understand how auto layout works. 😊

  • @condustasanchez
    @condustasanchez 5 месяцев назад

    So the takeaway is use gradients in borders to make elements stand out over different views. Did we need to watch you build something from scratch for 90% of the video 16:09

    • @condustasanchez
      @condustasanchez 5 месяцев назад

      Also since this is a video about visibility over various fields of view, is there a reason why you didn’t mention accessibility requirements in various scenarios? I’m pretty sure the secondary button will not even meet accessibility in the majority of compositions you chose

    • @DennisLeoca
      @DennisLeoca Месяц назад

      Not one of the best videos of mine I admit. I've learned a lot since then 😅

  • @tienthyule
    @tienthyule 5 месяцев назад

    holy shit this is actually good

  • @SamiraSattarSimin
    @SamiraSattarSimin 5 месяцев назад

    This is actually a good idea! thankss

  • @suyashtiwari5099
    @suyashtiwari5099 5 месяцев назад

    You got really awesome teaching skills bro

  • @NabPunk
    @NabPunk 6 месяцев назад

    Inundating the user with info is not a way to make it more likely for them to consume and follow through, instead they would be more likely to tag the info all together as noise, and just not register it. So I think this is a very niche sort of thing, and most people would not like this sort of info overload. But it looks nice I guess

    • @DennisLeoca
      @DennisLeoca Месяц назад

      You're absolutely right, and I agree with your point about information overload potentially turning users away! At the same time, both our perspectives are based on assumptions, and until we have data to back them up, neither of us can be certain. That's why A/B testing is so important-by testing different design approaches, we can see what actually performs best with users and make informed decisions based on real results rather than guesswork.

  • @zackgallipeau3596
    @zackgallipeau3596 6 месяцев назад

    I've been looking for a good way to do this. Thank you!

  • @joelcervantes6919
    @joelcervantes6919 6 месяцев назад

    GREAT VIDEO! Thank you so very much for posting this, it really helped me understand Auto Layout & Constrains.

  • @StephanWithPH
    @StephanWithPH 6 месяцев назад

    For me the screenshot clarity took from my website/webshop at the heatmaps page of clarity is white, so I cannot see anything on the heatmaps. Do you know what can cause this? I tried a lot already.

    • @DennisLeoca
      @DennisLeoca Месяц назад

      I experience the same issue. It's because you have animations that show your elements after scrolling. I have't find a workaround for this till now. Spoke with the guys at Webflow and Microsoft, but nobody managed to help me till now. Currently trying to fix the exact same issue for my new platform www.uxlab.academy/ Will keep you guys posted if I manage to find a solution 😅

  • @vickAlmondo
    @vickAlmondo 6 месяцев назад

    Hey Dennis This is vickAlmondo, Takeouts Guy. This is nice. Sending you loads of support ❤❤