- Видео 21
- Просмотров 70 568
Design with Kingsley
Великобритания
Добавлен 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 in Figma using a complete Fashion Web App
Practice with the full Figma file: kingsleyezek.gumroad.com/l/dwqjwb
#Figma #Prototyping #FashionWebApp #UIDesign #UXDesign #FigmaTutorial #WebDesign #InteractiveDesign”
#Figma #Prototyping #FashionWebApp #UIDesign #UXDesign #FigmaTutorial #WebDesign #InteractiveDesign”
Просмотров: 990
Видео
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
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.
You're a genius
Wow.... This is great
Chief, if you can, kindly do a video of a parralax effect on figma
Hey Kingsley Can I know what app you used for the screen record? Such an insightful tutorial. Thanks a lot
Thank you so much. Please do a video of the train ticket booking, please Thanks
Will do soon
Almost done for that of the Runway mobile app
Kudos can’t wait to see what you come up with
Thanks boss
@@toketoyin You’re welcome
We will wait full website
@@shamshodnazarbekov3290 Ok
You're the best boss. Please I redesigned something you did and tagged you on LinkedIn yesterday
Thank you boss
You are welcome always
goat
@kingsley hi kingsley, i heard you say you are using a macbook, which screen recording are you using in this video ?
@kingsley hi kingsley, i heard you say you are using a macbook, which screen recording are you using in this video
@kingsley hi kingsley, i heard you say you are using a macbook, which screen recording are you using in this video
Sir please how did you separate the fruit labels individually from the initial group photo?
Pls can you share the resources file
Sure i will put it in the description
Hello I get Error404 when trying to access the files
When next vidio will coming plss can u make fast vedio on zomato food delivery app with full prototyping
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
not much page wot? never used figma i just do the row design with my keyboard but it seams interesting to watch
@@_crista Lol 😂 sure you will get along
hii sir can we convert this designs to android studio
Sure we can
This is so amazing, thanks for sharing
@@oluwatoniolusanmi8316 You’re welcome
Hello Kingsley, your videos have been such a great help especially this one.
@@vitheplague Awesome. i’m glad you find this helpful.
@ Could make a video on web design. I’d really appreciate that
Cane we have desktop prototypes next and something with AI 😢❤❤❤
@@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
@Designwithkingsley Thank you, and I look forward to it. Sir are you on ADP list would want a mentorship session. You're amazing 👏 💖
When your next videos will come plss make a day one video a day it help me. Alot for practising
@@riyasingh2195 Sure i will find time to make another video and post here
@Designwithkingsley ok thanku sir
what do you use for your screen recording, its so neat?
Hi, please how did you export this?
Plz brother ux-ui full basic to advance course published...
@@M.A.Mottaleb Sorry i didn’t get this
@Designwithkingsley plz plz bro
@@Designwithkingsleyhe said, you should please, create a beginner tutorial from basic to advanced on figma.
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.
@@adeobama9ja Haaha do you know what’s 100hrs bro.. I’m on a full time no man 😁😁
@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.
@ 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 👍
I totally agree with you. Your designs should be able to speak and convey your message even while you aren't there.
Sir, can you please share the link here?
Nice tutorial I want File source Plz
share the practice file
My own component is not loading. The eclipse is just stagnant as default. What am i doing wrong? 😭
This is so nice and fascinating
@@ashifatjehlil7150 Thank you so much
@@Designwithkingsley I’ll really appreciate a tutorial video of it Boss
i think Design with Kinsley need to open a product design school
@@AlexEmmanuel-i8b Lolz i will sure reconsider that
This is absolutely amazing, kaii
@@oziegbeclifford8698 I’m glad you find it interesting
We will wait yout lesson with playlist
Sir, kindly make it downloadable so we can go back to it any time for practice. Thanks
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?
You’re welcome, just attached it on the description.
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
@@praiseadeoti4295 Thanks bro sure i will make available the Figm file
thx man, plz design a news web app in figma
Check the description now
@@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
thx man, you are the best
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?
This is awesome. Please help us create a video that explains Auto layout very well. Mine is always having some issues 😪
@@ifegbomadonna2961 you’re welcome sure I will
Super amazing ❤
@@adesokanpromise3941 thank you
You are just too much
Hlo sir next vedio on Shopify website with full prototyping
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
Full video please
well done
thank you