Design with Kingsley
Design with Kingsley
  • Видео 21
  • Просмотров 70 568

Видео

Master Prototyping in Figma with this full grocery app Figma prototype tutorial (Plus Design file)
Просмотров 3,3 тыс.16 часов назад
In this comprehensive tutorial, we'll guide you through the entire process of creating a complete grocery app prototype using Figma. Whether you're a beginner looking to learn the basics or an experienced designer aiming to enhance your skills, this step-by-step guide has something for everyone. What You'll Learn: Setting up your Figma workspace Designing user-friendly grocery app screens Creat...
Figma Prototyping Tutorial: Master Advanced Prototyping Skills Like a Pro!
Просмотров 4,9 тыс.21 день назад
Ready to take your prototyping skills to the next level? In this tutorial, you'll learn how to create high-level, interactive prototypes using Figma. Perfect for UI/UX designers looking to push the boundaries of their projects! 📌 What you'll learn: Advanced prototyping techniques Best practices for interactive design Subscribe for more design tips and tutorials! 🚀 #FigmaTutorial #Prototyping #U...
Figma Tutorial: Create a Smooth Dating Card Swipe Effect Like Tinder & Bumble
Просмотров 1,6 тыс.28 дней назад
In this step-by-step Figma tutorial, you'll learn how to design and animate a dating card swipe effect, just like the ones you see in popular apps like Tinder and Bumble. Whether you're a beginner or experienced in Figma, this guide will walk you through the process of creating smooth, interactive card animations to enhance your app designs. Perfect for UI/UX designers looking to add dynamic el...
Figma Tutorial: Designing a Full VR Website with Morphism in Figma
Просмотров 2,2 тыс.Месяц назад
Excited to jump into the world of Virtual Reality design? In this tutorial, I’ll walk you through the basics of VR design, from building immersive environments to creating user-friendly interactions. Whether you're just starting out or looking to level up your skills, this guide will give you all the tools, tips, and techniques you need to create amazing VR experiences. You'll get practical adv...
How to Build a Standout UX Design Portfolio in 2024
Просмотров 2,7 тыс.Месяц назад
Template 1 : www.behance.net/gallery/199542731/Ride-Hailing-Services-Case-Study Template 2 : www.behance.net/gallery/187334383/SwiftPay-Banking-App-A-Comprehensive-Case-Study Template 3 : www.behance.net/gallery/184372861/GoLearn-An-Online-Educational-UX-Design-Case-Study Template 4 : www.behance.net/gallery/180686433/Bounty-Dating-App-Case-Study Want to land your dream UX design job? In this s...
Create Stunning E-Commerce Prototypes in Figma | Step-by-Step Guide!
Просмотров 13 тыс.Месяц назад
Figma file : www.figma.com/community/file/1436758809454224351/runway-fashion-slider-app Ready to design sleek and professional e-commerce app prototypes? In this tutorial, I’ll show you how to create a stunning mobile shopping interface using Figma. Learn how to design modern layouts, customize product listings, and perfect the user experience step-by-step. Whether you're a beginner or looking ...
Design Light & Dark Mode Simultaneously in Figma Using Variables: Complete Tutorial
Просмотров 1,9 тыс.2 месяца назад
Master the art of designing light and dark modes in Figma-simultaneously! In this tutorial, I’ll show you how to efficiently create both modes using Figma’s powerful variables feature. Learn how to set up and switch between themes seamlessly, saving you time while ensuring consistency across your design system. Whether you're working on apps, websites, or dashboards, this tutorial will help you...
Animate a Moving Car in Figma: Build a Dynamic Ride-Hailing App Like Uber
Просмотров 2,6 тыс.2 месяца назад
Bring your ride-hailing app design to life with smooth car animations, just like Uber! In this tutorial, I'll show you how to animate a moving car on a map using Figma’s prototyping tools. Learn how to add realistic car movement that enhances the user experience, keeps users engaged, and builds trust. Whether you're designing for a ride-hailing app or any map-based application, this step-by-ste...
Create Eye-Catching Card Hover Effects in Figma: Step-by-Step Tutorial
Просмотров 8062 месяца назад
Add a sleek touch to your designs with interactive card hover effects in Figma! In this tutorial, I'll guide you through the process of creating smooth hover animations that bring your cards to life. Whether you're designing for portfolios, product showcases, or dashboards, mastering hover effects can enhance the user experience and make your designs more engaging. Follow along and learn how to...
Create Stunning Flipping Card Effects in Figma: Step-by-Step Tutorial
Просмотров 8042 месяца назад
Create Stunning Flipping Card Effects in Figma: Step-by-Step Tutorial
Advanced Figma slider tutorial
Просмотров 1,4 тыс.2 месяца назад
Advanced Figma slider tutorial
Figma tutorial : Creating 3D fruit can in figma.
Просмотров 1,9 тыс.Год назад
Figma tutorial : Creating 3D fruit can in figma.
Figma Tutorial : How to create animated splash screen with lazy loading effect in Figma.
Просмотров 27 тыс.2 года назад
Figma Tutorial : How to create animated splash screen with lazy loading effect in Figma.

Комментарии

  • @Austinechi45
    @Austinechi45 8 часов назад

    You're a genius

  • @MuqadasAriyo-fo3dc
    @MuqadasAriyo-fo3dc 12 часов назад

    Wow.... This is great

  • @Ojeh_-vi
    @Ojeh_-vi День назад

    Chief, if you can, kindly do a video of a parralax effect on figma

  • @abdulrazaqmubarak7830
    @abdulrazaqmubarak7830 День назад

    Hey Kingsley Can I know what app you used for the screen record? Such an insightful tutorial. Thanks a lot

  • @ReubenEdosaAigbe
    @ReubenEdosaAigbe 2 дня назад

    Thank you so much. Please do a video of the train ticket booking, please Thanks

  • @emmanuelomozuafo2364
    @emmanuelomozuafo2364 2 дня назад

    Almost done for that of the Runway mobile app

  • @toketoyin
    @toketoyin 2 дня назад

    Thanks boss

  • @shamshodnazarbekov3290
    @shamshodnazarbekov3290 2 дня назад

    We will wait full website

  • @bardeabel
    @bardeabel 2 дня назад

    You're the best boss. Please I redesigned something you did and tagged you on LinkedIn yesterday

  • @ayodelemotunrayo1171
    @ayodelemotunrayo1171 2 дня назад

    Thank you boss

  • @BoyCollan
    @BoyCollan 2 дня назад

    goat

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

    @kingsley hi kingsley, i heard you say you are using a macbook, which screen recording are you using in this video ?

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

    @kingsley hi kingsley, i heard you say you are using a macbook, which screen recording are you using in this video

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

    @kingsley hi kingsley, i heard you say you are using a macbook, which screen recording are you using in this video

  • @JenniferOgwuche-b9o
    @JenniferOgwuche-b9o 3 дня назад

    Sir please how did you separate the fruit labels individually from the initial group photo?

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

    Pls can you share the resources file

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

    Hello I get Error404 when trying to access the files

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

    When next vidio will coming plss can u make fast vedio on zomato food delivery app with full prototyping

  • @_crista
    @_crista 5 дней назад

    lottie animation is the worst animation library doesn't have much useful things to download if you do so some files don't work and then they ask you for money

  • @_crista
    @_crista 5 дней назад

    not much page wot? never used figma i just do the row design with my keyboard but it seams interesting to watch

  • @sanketpate2022
    @sanketpate2022 5 дней назад

    hii sir can we convert this designs to android studio

  • @oluwatoniolusanmi8316
    @oluwatoniolusanmi8316 6 дней назад

    This is so amazing, thanks for sharing

  • @vitheplague
    @vitheplague 6 дней назад

    Hello Kingsley, your videos have been such a great help especially this one.

    • @Designwithkingsley
      @Designwithkingsley 6 дней назад

      @@vitheplague Awesome. i’m glad you find this helpful.

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

      @ Could make a video on web design. I’d really appreciate that

  • @clotildadaniels6453
    @clotildadaniels6453 7 дней назад

    Cane we have desktop prototypes next and something with AI 😢❤❤❤

    • @Designwithkingsley
      @Designwithkingsley 6 дней назад

      @@clotildadaniels6453 Hahaha that will be up to 4hrs intensive long video. i sure have a prototype i made on both desktop and AI but the video will definitely take me way longer to come up with but i will try

    • @clotildadaniels6453
      @clotildadaniels6453 6 дней назад

      @Designwithkingsley Thank you, and I look forward to it. Sir are you on ADP list would want a mentorship session. You're amazing 👏 💖

  • @riyasingh2195
    @riyasingh2195 7 дней назад

    When your next videos will come plss make a day one video a day it help me. Alot for practising

    • @Designwithkingsley
      @Designwithkingsley 6 дней назад

      @@riyasingh2195 Sure i will find time to make another video and post here

    • @riyasingh2195
      @riyasingh2195 6 дней назад

      @Designwithkingsley ok thanku sir

  • @promiseonyema9263
    @promiseonyema9263 7 дней назад

    what do you use for your screen recording, its so neat?

  • @gbanamawilliams3417
    @gbanamawilliams3417 7 дней назад

    Hi, please how did you export this?

  • @M.A.Mottaleb
    @M.A.Mottaleb 8 дней назад

    Plz brother ux-ui full basic to advance course published...

    • @Designwithkingsley
      @Designwithkingsley 8 дней назад

      @@M.A.Mottaleb Sorry i didn’t get this

    • @M.A.Mottaleb
      @M.A.Mottaleb 8 дней назад

      @Designwithkingsley plz plz bro

    • @abwebmaster3
      @abwebmaster3 8 дней назад

      @@Designwithkingsleyhe said, you should please, create a beginner tutorial from basic to advanced on figma.

  • @adeobama9ja
    @adeobama9ja 8 дней назад

    Hey Kingsley, I wish you would just do a 100-hour Figma Course, from scratch to advance. *Wink* Your designs are just too beautiful and functional.

    • @Designwithkingsley
      @Designwithkingsley 8 дней назад

      @@adeobama9ja Haaha do you know what’s 100hrs bro.. I’m on a full time no man 😁😁

    • @adeobama9ja
      @adeobama9ja 8 дней назад

      @Designwithkingsley Lol. I even laughed after posting that comment. Thanks for replying so quickly. I spent hours today just looking at your designs, from RUclips to Behance, and all I've been saying is, "Omo, Kizo dey design sha." They seem too good to be true. Choice of color, mad! Very thorough work you do. One can almost touch and feel your designs.

    • @Designwithkingsley
      @Designwithkingsley 8 дней назад

      @ You know that’s the idea and that’s what UX Design is all about. It gould be able to speak even without voicing anything out. You sure have good eye for good design. Keep it up 👍

    • @adeobama9ja
      @adeobama9ja 8 дней назад

      I totally agree with you. Your designs should be able to speak and convey your message even while you aren't there.

  • @AswathiKarunakaran
    @AswathiKarunakaran 11 дней назад

    Sir, can you please share the link here?

  • @meherinfo2152
    @meherinfo2152 11 дней назад

    Nice tutorial I want File source Plz

  • @koushiknath8700
    @koushiknath8700 13 дней назад

    share the practice file

  • @aleshinloyesanjo3630
    @aleshinloyesanjo3630 14 дней назад

    My own component is not loading. The eclipse is just stagnant as default. What am i doing wrong? 😭

  • @ashifatjehlil7150
    @ashifatjehlil7150 14 дней назад

    This is so nice and fascinating

    • @Designwithkingsley
      @Designwithkingsley 14 дней назад

      @@ashifatjehlil7150 Thank you so much

    • @ashifatjehlil7150
      @ashifatjehlil7150 14 дней назад

      @@Designwithkingsley I’ll really appreciate a tutorial video of it Boss

  • @AlexEmmanuel-i8b
    @AlexEmmanuel-i8b 14 дней назад

    i think Design with Kinsley need to open a product design school

  • @oziegbeclifford8698
    @oziegbeclifford8698 17 дней назад

    This is absolutely amazing, kaii

    • @Designwithkingsley
      @Designwithkingsley 17 дней назад

      @@oziegbeclifford8698 I’m glad you find it interesting

  • @shamshodnazarbekov3290
    @shamshodnazarbekov3290 17 дней назад

    We will wait yout lesson with playlist

  • @ganzyhavi2681
    @ganzyhavi2681 18 дней назад

    Sir, kindly make it downloadable so we can go back to it any time for practice. Thanks

  • @maryamismail9809
    @maryamismail9809 18 дней назад

    hello thank you so much for this tutorial,i have a request.Can you sharre the figma file so all we have to work on is the protytying and animation?

  • @praiseadeoti4295
    @praiseadeoti4295 18 дней назад

    your designs are amazing, i'm a learning flutterflow developer, and your designs are super inspiring to get on building and getting better... thank you so much, and also if it's not to crazy to ask for the figma files so i could practice buiding them, i'd appreciate. keep the good work rolling sir

    • @Designwithkingsley
      @Designwithkingsley 8 дней назад

      @@praiseadeoti4295 Thanks bro sure i will make available the Figm file

  • @mahdiandalib186
    @mahdiandalib186 19 дней назад

    thx man, plz design a news web app in figma

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

      Check the description now

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

      @@Designwithkingsley thx man i checked the description and i saw that you have provided the figma file for us and i hope you create a tutorial where you teach us how to create a full news web app using figma's latest update

  • @mahdiandalib186
    @mahdiandalib186 19 дней назад

    thx man, you are the best

  • @PurposefulATJ
    @PurposefulATJ 20 дней назад

    Well done, Kingsley. However, I'm having an issue recreating this. I noticed that if the first frame has the smooth drag animation, the second frame remains static, and the same happens with the other frames. I can’t get the same smooth drag animation for all the screens. Could this be related to my Figma subscription plan?

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

    This is awesome. Please help us create a video that explains Auto layout very well. Mine is always having some issues 😪

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

    Super amazing ❤

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

    You are just too much

  • @riyasingh2195
    @riyasingh2195 22 дня назад

    Hlo sir next vedio on Shopify website with full prototyping

  • @akinsipofavour
    @akinsipofavour 22 дня назад

    Thanks a lot king, I've been searching for a better way to build a portfolio and I'd say you've provided a solution. Thank you

  • @AdeyemiKhadijat-zv1xm
    @AdeyemiKhadijat-zv1xm 22 дня назад

    Full video please

  • @adelekerasaq3874
    @adelekerasaq3874 22 дня назад

    well done