- 24
- 148 101
Design with Kingsley
United Kingdom
Приєднався 20 лют 2021
I'm Kingsley, a UX Designer with a passion for pushing the boundaries of what's possible with Figma. On this channel, I dive into the world of advanced Figma prototyping, sharing in-depth tutorials, tips, and tricks to help you create interactive designs that stand out.
Whether you're looking to master micro-interactions, build complex user flows, or simply take your Figma skills to the next level, you'll find content here that’s both informative and inspiring.
Subscribe and join me on this journey to elevate your UX design game. Let's create amazing user experiences together!
Whether you're looking to master micro-interactions, build complex user flows, or simply take your Figma skills to the next level, you'll find content here that’s both informative and inspiring.
Subscribe and join me on this journey to elevate your UX design game. Let's create amazing user experiences together!
How to prototype a 3D delivery app using Phase and Figma. (File included)
Linkedin: www.linkedin.com/in/ kingsleyorji
X: x.com/designwithkings
Instagram: designwithkingsley
Tiktok: tiktok.com/designwithkingsley
X: x.com/designwithkings
Instagram: designwithkingsley
Tiktok: tiktok.com/designwithkingsley
Переглядів: 3 692
Відео
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
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.
have been trying the last part of this video
@@AlexEmmanuel-i8b what’s the challenge
i thought you added variables ... Nice work though.
please upload the part 2
Lo puedo usar para mi portfolio en behance?
Are you going to make a tutorial on this prototype?
Hey can u pls make videos on spatial ui ux and ui ux in ar be related kind of
where do you get this pictures? can you share the link?
Came here from LinkedIn... You're amazing 🤌🏾 Just the right inspiration and guide i need to get better at this !
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.
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.
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.
nice video but please next time speak more like dead this is not enough
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 ]
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 ]
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 ]
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 ]
unable to do 15:41
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.
Thanks, bro
This can't be done on a free plan, though. Another great video, by the way.
plz share a figma file
Can you provide resouce files to practice
@@pradeeppatil6977 it’s included in the video
No UI/UX in this app, it is too charge with innecessary things
Thank You Bro, you are teaching me prototype.
@@tomuchdesi you’re welcome
I'm grateful for this tutorial, I did and it works thanks for your help captain
@@abdurahmanjawaari4818 you’re welcome
This is amazing. Great job man
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
@@ChideraObi-m7 lolz use Pinterest.com or freepik mentioned it on the video guess you keep skipping 😁
@ 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
thank You it was really really helpful <3
Thank you very much for the tutorial, Mr Kingsley. Learned another level of prototyping by watching this tutorial.
@@smalgenius you’re welcome and I’m glad you learnt something
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
We need to upgrade from Free to Create mode to work on the light and dark modes.
this information is missing in every theme mode related video. its stressful
This is very cool design for a tutorial but in reality most companies won't implement it because of time, engineering, and financial constraints.
This is beautiful. Definitely gonna try it out and tag you to it
bro what about the remaining products? just giving prototype for some products do clients accept it?
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.
Love it! What's that nice live preview window with a mobile mockup? Is it a plugin of some sort or a feature maybe?
@@braidedwire it comes with Figma
How do you scroll it
This is amazing❤. I always look forward to your videos, it's always an eye opener
@@okoijuliet4387 thank you 🥰🥰
6:35 do I need figma premium to add these animations?
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
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
Thanks for the tutorial really worth it
@@shotscomicshorts2000 you’re welcome ☺️
1:17:04 what did you do exactly here. Please let me... How did you hide that ..
@@ibnbattuta6883 selected all the cards and pressed control A
@Designwithkingsley thank you my g.. hope for more contents
Sir plss make a video on framers about portfolio 🎉🎉
@@riyasingh2195 lolz sure I will
@@DesignwithkingsleyI really need this too sir 🤲🏾
Can we get the link to the figma file please?
Thanks for the informative videos
Definitely trying this out. Thank youuu
Always looking forward to your videos ❤
Thanks for this , it is educative. Please how do you achieve multiple task like customised the plain pizza with all ingredients at once😊
Boss, pls can you make tutorial on this prototype sir