Design with Kingsley
Design with Kingsley
  • 24
  • 148 101

Відео

Prototype like a Pro: Figma prototying tutorial with Full app example (Free Figma file included)
Переглядів 19 тис.2 місяці тому
Figma file: www.figma.com/community/file/1444414280443507620/mcdonald-app-prototype Linkedin: www.linkedin.com/in/kingsleyorji/ X: x.com/designwithkings Instagram: designwithkingsley Tiktok: tiktok.com/designwithkingsley
How to prototype in Figma using a complete Fashion Web App
Переглядів 3,6 тис.3 місяці тому
Practice with the full Figma file: kingsleyezek.gumroad.com/l/dwqjwb #Figma #Prototyping #FashionWebApp #UIDesign #UXDesign #FigmaTutorial #WebDesign #InteractiveDesign”
Master Prototyping in Figma with this full grocery app Figma prototype tutorial (Plus Design file)
Переглядів 29 тис.3 місяці тому
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!
Переглядів 9 тис.3 місяці тому
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
Переглядів 2,8 тис.3 місяці тому
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
Переглядів 3,2 тис.4 місяці тому
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
Переглядів 3,8 тис.4 місяці тому
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!
Переглядів 22 тис.4 місяці тому
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
Переглядів 4,9 тис.5 місяців тому
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
Переглядів 4,6 тис.5 місяців тому
Animate a Moving Car in Figma: Build a Dynamic Ride-Hailing App Like Uber
Create Eye-Catching Card Hover Effects in Figma: Step-by-Step Tutorial
Переглядів 1,2 тис.5 місяців тому
Create Eye-Catching Card Hover Effects in Figma: Step-by-Step Tutorial
Create Stunning Flipping Card Effects in Figma: Step-by-Step Tutorial
Переглядів 1,1 тис.5 місяців тому
Create Stunning Flipping Card Effects in Figma: Step-by-Step Tutorial
Advanced Figma slider tutorial
Переглядів 2 тис.5 місяців тому
Advanced Figma slider tutorial
Final Bounty Dating App Figma Prototype
Переглядів 187Рік тому
Final Bounty Dating App Figma Prototype
Figma tutorial : Creating 3D fruit can in figma.
Переглядів 2,9 тис.Рік тому
Figma tutorial : Creating 3D fruit can in figma.
Figma Tutorial : How to create animated splash screen with lazy loading effect in Figma.
Переглядів 28 тис.2 роки тому
Figma Tutorial : How to create animated splash screen with lazy loading effect in Figma.

КОМЕНТАРІ

  • @AlexEmmanuel-i8b
    @AlexEmmanuel-i8b День тому

    have been trying the last part of this video

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

    i thought you added variables ... Nice work though.

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

    please upload the part 2

  • @JesusGarcia-tf4fg
    @JesusGarcia-tf4fg 7 днів тому

    Lo puedo usar para mi portfolio en behance?

  • @DesignLB
    @DesignLB 7 днів тому

    Are you going to make a tutorial on this prototype?

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

    Hey can u pls make videos on spatial ui ux and ui ux in ar be related kind of

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

    where do you get this pictures? can you share the link?

  • @Esiarp_o
    @Esiarp_o 9 днів тому

    Came here from LinkedIn... You're amazing 🤌🏾 Just the right inspiration and guide i need to get better at this !

  • @ridwanullahabiodun7687
    @ridwanullahabiodun7687 10 днів тому

    God bless you for the help because for me you are helping with all the educative tutorial. Please don't forget the full video of the A-Z project design you mentioned in one of your videos.

  • @ridwanullahabiodun7687
    @ridwanullahabiodun7687 10 днів тому

    God bless you for the help because me you are helping with this educative tutorial. Please don't forget the full video of A-Z project design.

  • @ridwanullahabiodun7687
    @ridwanullahabiodun7687 10 днів тому

    God bless you for the help because me you are helping with this educative tutorial. Please don't forget the full video of A-Z project design.

  • @ayhanatesh
    @ayhanatesh 10 днів тому

    nice video but please next time speak more like dead this is not enough

  • @Digitaladitya-o4l
    @Digitaladitya-o4l 10 днів тому

    Subject: Request for Figma Project Files Hey Kingsley, I love your content, especially your deep dives into advanced Figma prototyping! Your tutorials have helped me a lot in understanding complex interactions and building better user experiences. I was wondering if you provide access to the Figma project files from your tutorials. It would save me a lot of time and help me learn even better by directly experimenting with your designs. If they are available for free or for purchase, please let me know how I can access them. Looking forward to your response! Thanks for sharing such valuable knowledge. Best, [ADITYA KUMAR ]

  • @Digitaladitya-o4l
    @Digitaladitya-o4l 10 днів тому

    Subject: Request for Figma Project Files Hey Kingsley, I love your content, especially your deep dives into advanced Figma prototyping! Your tutorials have helped me a lot in understanding complex interactions and building better user experiences. I was wondering if you provide access to the Figma project files from your tutorials. It would save me a lot of time and help me learn even better by directly experimenting with your designs. If they are available for free or for purchase, please let me know how I can access them. Looking forward to your response! Thanks for sharing such valuable knowledge. Best, [ADITYA KUMAR ]

  • @Digitaladitya-o4l
    @Digitaladitya-o4l 10 днів тому

    Subject: Request for Figma Project Files Hey Kingsley, I love your content, especially your deep dives into advanced Figma prototyping! Your tutorials have helped me a lot in understanding complex interactions and building better user experiences. I was wondering if you provide access to the Figma project files from your tutorials. It would save me a lot of time and help me learn even better by directly experimenting with your designs. If they are available for free or for purchase, please let me know how I can access them. Looking forward to your response! Thanks for sharing such valuable knowledge. Best, [ADITYA KUMAR ]

  • @Digitaladitya-o4l
    @Digitaladitya-o4l 10 днів тому

    Subject: Request for Figma Project Files Hey Kingsley, I love your content, especially your deep dives into advanced Figma prototyping! Your tutorials have helped me a lot in understanding complex interactions and building better user experiences. I was wondering if you provide access to the Figma project files from your tutorials. It would save me a lot of time and help me learn even better by directly experimenting with your designs. If they are available for free or for purchase, please let me know how I can access them. Looking forward to your response! Thanks for sharing such valuable knowledge. Best, [ADITYA KUMAR ]

  • @Fatima-ef3wg
    @Fatima-ef3wg 11 днів тому

    unable to do 15:41

  • @NataliaSales-h3z
    @NataliaSales-h3z 11 днів тому

    Kinglsey, thank you very much for sharing your knowledge with us. As a beginner, videos like this are very helpful. You're so creative, congrats.

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

    Thanks, bro

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

    This can't be done on a free plan, though. Another great video, by the way.

  • @MicrowaveComputer-z4m
    @MicrowaveComputer-z4m 12 днів тому

    plz share a figma file

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

    Can you provide resouce files to practice

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

    No UI/UX in this app, it is too charge with innecessary things

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

    Thank You Bro, you are teaching me prototype.

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

    I'm grateful for this tutorial, I did and it works thanks for your help captain

  • @chibuzorchristian1933
    @chibuzorchristian1933 17 днів тому

    This is amazing. Great job man

  • @ChideraObi-m7
    @ChideraObi-m7 20 днів тому

    good day sir, please where do you get your images because i dont always see this type of images and it stresses me a whole lot

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

      @@ChideraObi-m7 lolz use Pinterest.com or freepik mentioned it on the video guess you keep skipping 😁

    • @ChideraObi-m7
      @ChideraObi-m7 12 днів тому

      @ nahh I wasn’t ,I just started to watch the video when I asked the question, I later saw when you got the pizza from Pinterest..thank youuu

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

    thank You it was really really helpful <3

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

    Thank you very much for the tutorial, Mr Kingsley. Learned another level of prototyping by watching this tutorial.

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

      @@smalgenius you’re welcome and I’m glad you learnt something

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

    Nice packaged tutorial. When you preview your work, how did it show as if you are viewing in a real time phone. when i preview mine, it doesnt show like that. Is their anything you do. Thanks sir

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

    We need to upgrade from Free to Create mode to work on the light and dark modes.

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

      this information is missing in every theme mode related video. its stressful

  • @paulXmbingu
    @paulXmbingu 25 днів тому

    This is very cool design for a tutorial but in reality most companies won't implement it because of time, engineering, and financial constraints.

  • @dinachiofoegbunam
    @dinachiofoegbunam 26 днів тому

    This is beautiful. Definitely gonna try it out and tag you to it

  • @Kakashi.2003
    @Kakashi.2003 26 днів тому

    bro what about the remaining products? just giving prototype for some products do clients accept it?

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

    I did this several times watched over and over, following the procedures, but it looks like it’s too big for my screen. I tried 3 different dimensions already, but it’s still the same. And I’m not getting the slide effect too. Please could you tell me what could be wrong🥺 I spent nights on it already, and I’m about to give up on it.

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

    Love it! What's that nice live preview window with a mobile mockup? Is it a plugin of some sort or a feature maybe?

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

    How do you scroll it

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

    This is amazing❤. I always look forward to your videos, it's always an eye opener

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

    6:35 do I need figma premium to add these animations?

  • @creativelizzy.wonder
    @creativelizzy.wonder Місяць тому

    Thank you so much Boss..I tried using Figma pen tool to draw the truck and map. It was a bit challenging but it was an interesting adventure. Then I animated with Phase (Very interesting). I mentioned you on my LinkedIn post Boss. Thank you so very much Boss

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

    I wanted to ask if you use a color library or something like that coz it's kinda hard to remember the hex numbers and yes this video was really helpful

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

    Thanks for the tutorial really worth it

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

    1:17:04 what did you do exactly here. Please let me... How did you hide that ..

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

      @@ibnbattuta6883 selected all the cards and pressed control A

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

      @Designwithkingsley thank you my g.. hope for more contents

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

    Sir plss make a video on framers about portfolio 🎉🎉

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

      @@riyasingh2195 lolz sure I will

    • @Esiarp_o
      @Esiarp_o 9 днів тому

      ​@@DesignwithkingsleyI really need this too sir 🤲🏾

  • @manojak.j4701
    @manojak.j4701 Місяць тому

    Can we get the link to the figma file please?

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

    Thanks for the informative videos

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

    Definitely trying this out. Thank youuu

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

    Always looking forward to your videos ❤

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

    Thanks for this , it is educative. Please how do you achieve multiple task like customised the plain pizza with all ingredients at once😊

  • @AZEEZALABI-l9x
    @AZEEZALABI-l9x Місяць тому

    Boss, pls can you make tutorial on this prototype sir