- Видео 64
- Просмотров 1 550 981
Thefemijohn
Добавлен 7 сен 2021
I'm a Product Designer and a UX Specialist who is very passionate about supporting creatives and designers. In this channel I will be sharing all the knowledge I have for free. We will be building and learning cool stuffs together. So if you're interested in growing your mindset as a creative, UX designer or as a product person then you are in the right channel
Input Field UI Design Master Component in Figma. How to create an Input Field for Design systems.
Generate different types and states of input field from this Input field Master component set.
Просмотров: 1 074
Видео
Tips to Get Hired: How to Pass a UIUX Design Interview and increase your chances of getting the Job.
Просмотров 5356 месяцев назад
UI/UX Design interview process and how to increase your chances of getting hired
Interactive Portfolio Category Tab Prototype with Local Variable in Figma.
Просмотров 1,3 тыс.6 месяцев назад
Learn to create an interactive portfolio section prototype using local variables. Tab Design.
Webflow Beginner Tutorial. Learn how to create a website with webflow. Basic Building Blocks.
Просмотров 8636 месяцев назад
This is a very simple Webflow tutorial for absolute beginners. Learn how to layout objects on the screen easily and get started with Webflow.
No-Code 3D Web Design Challenge by Dora Platform.
Просмотров 9846 месяцев назад
This is to remind you of how amazing the Dora Software is and the amazing things that can be achieved with Dora. Link to the Live Project (Only Available on Desktop) eso80end.dora.run/ Kindly Engage on my social media post www.linkedin.com/posts/olorunfemijohn_figma-doracommunity-uxdesign-activity-7122474121627676672-5fM6? Here is a unique signup Link for people interested: dora.run/signup?code...
Convert Figma Design to Code: Instantly Build your design into Production ready Web or Mobile App.
Просмотров 2 тыс.6 месяцев назад
Dhiwise is an Amazing platform that builds your design to a production-ready code, instantly.
Top UI Design Trends in 2024 .
Просмотров 1,9 тыс.7 месяцев назад
Top 7 UI Design and Web Design Trends in 2023. Timestamp 0:00 Intro 0:36 Animated 3D Models 1:25 Scroll-Based Animation 2:03 Gamification 2:29 Custom Cursor 3:02 Neon Mists 3:38 Minimalism 4:15 Huge Typography 3D Web Design Tutorialal with Dora No-Code web Builder ruclips.net/video/W2lGcjyuNss/видео.htmlsi=U3ZPNPZvrdfnzkP8 Signup with Dora dora.run/signup?code=Femijohn Links to Website based on...
Vertical and Horizontal Scrolling in Figma, a Detailed Explanation
Просмотров 2,6 тыс.7 месяцев назад
Detailed Explanation on how to prototype a vertical and horizontal scroll effect in Figma Check out Part 1 ruclips.net/video/KzJicksCNKU/видео.html
Sectional Scroll with Fixed Header for a Landing Page UI Design and Prototyping in Figma.
Просмотров 2,6 тыс.7 месяцев назад
Just a simple tutorial showing you how to prototype click to scroll to a particular section in Figma Link to Community File: www.figma.com/community/file/1181960949167857170/marketing-agency-landing-page
Swipe to Delete Gesture in Figma using Interactive Component
Просмотров 3,3 тыс.7 месяцев назад
Swipe to Delete Gesture in Figma using Interactive Component
Admin Dashboard UI Design Improvement in Figma. Redesigning a Fintech Dashboard.
Просмотров 2,5 тыс.8 месяцев назад
Watch how I create a redesign of a dashboard designed by a Junior UX Designer.
Figma Web Animation using Parallax Effect while Scrolling
Просмотров 1,5 тыс.8 месяцев назад
Create an Animation using the Parallax effect in Figma
Transparent, Fixed, and Dynamic Navbar Prototyping for Scrolling in Figma UI Design.
Просмотров 29 тыс.8 месяцев назад
Learn a prototyping trick for your fixed transparent Navbar component
UX Design Roadmap: Things to consider to become a better UX Designer.
Просмотров 4928 месяцев назад
A conversation about how to become a UX Designer
How To Create A Table in Figma Easily With Auto-Layout. Simple Responsive Auto-Layout Table.
Просмотров 30 тыс.9 месяцев назад
How To Create A Table in Figma Easily With Auto-Layout. Simple Responsive Auto-Layout Table.
Advanced Prototyping in Figma: Add-to-Cart flows with Local Variables, Conditionals & Expressions.
Просмотров 35 тыс.10 месяцев назад
Advanced Prototyping in Figma: Add-to-Cart flows with Local Variables, Conditionals & Expressions.
Responsive Navbar UI Design with Local Variables and Modes in Figma. for Desktop, Tablet and Mobile
Просмотров 4,4 тыс.10 месяцев назад
Responsive Navbar UI Design with Local Variables and Modes in Figma. for Desktop, Tablet and Mobile
Light and Dark Modes with Color Variables in Figma. How to Create Mode Inheritance.
Просмотров 34 тыс.10 месяцев назад
Light and Dark Modes with Color Variables in Figma. How to Create Mode Inheritance.
How to use Figma Auto Layout Wrap feature with min width and max width. Practical Example.
Просмотров 7 тыс.10 месяцев назад
How to use Figma Auto Layout Wrap feature with min width and max width. Practical Example.
Detailed Explanation: Advanced Prototyping with Conditional Logic, Variables & Expressions in Figma
Просмотров 47 тыс.10 месяцев назад
Detailed Explanation: Advanced Prototyping with Conditional Logic, Variables & Expressions in Figma
Create List of Cards and Master Component Properties in Figma, Text, Boolean and instance properties
Просмотров 1,3 тыс.10 месяцев назад
Create List of Cards and Master Component Properties in Figma, Text, Boolean and instance properties
Card slider animation in figma, infinite scroll with next and previous button using component.
Просмотров 4,4 тыс.11 месяцев назад
Card slider animation in figma, infinite scroll with next and previous button using component.
Create an Accordion on your website easily with Figma Auto Layout and Interactive Components
Просмотров 2,1 тыс.Год назад
Create an Accordion on your website easily with Figma Auto Layout and Interactive Components
3D Website Landing Page with Dora. Learn 3D Animations and Keyframes with the Dora Software.
Просмотров 7 тыс.Год назад
3D Website Landing Page with Dora. Learn 3D Animations and Keyframes with the Dora Software.
Landing Page Design with Dora: Tutorial Video on Basic Design Elements, Constraints, and Components
Просмотров 16 тыс.Год назад
Landing Page Design with Dora: Tutorial Video on Basic Design Elements, Constraints, and Components
Dora: No Code Web Design and Animation Software
Просмотров 1,9 тыс.Год назад
Dora: No Code Web Design and Animation Software
eCommerce Product Image Slider Animation in Figma using smart animate and interactive component
Просмотров 8 тыс.Год назад
eCommerce Product Image Slider Animation in Figma using smart animate and interactive component
Image Slider Animation in Figma | Website Header Hero Section Design with Interactive Components
Просмотров 2,5 тыс.Год назад
Image Slider Animation in Figma | Website Header Hero Section Design with Interactive Components
Dashboard UI Design in Figma: Detailed guide on how to design a dashboard UI from scratch.
Просмотров 136 тыс.Год назад
Dashboard UI Design in Figma: Detailed guide on how to design a dashboard UI from scratch.
How to Create an ebook or a Course with iSpring Suite. A power point based e-learning authoring tool
Просмотров 308Год назад
How to Create an ebook or a Course with iSpring Suite. A power point based e-learning authoring tool
It works only for PAID plans.
Good
Good
Nice and easy .
i enjoyed the video
you earned a subscriber,
where can i find the link to the design?
My project is due tmr but with this method, you cannot click anywhere near the prototype without tapping onto the prototype. For example, I cannot tap on a button next to this prototype because the variant frame extends outside the button. How should you go about this?? pls help its due soon.
Best tutorial ever. Thank you
Thanks! So helpful
Great video 🎉🎉🎉
this is what i am looking for
Need your help here!! The function where the message down comes right up after one is deleted is not working for me :( Please help me
l enjoyed the video sir, Thank you so much 😊
great video, i finally understood how to use color variables. thank you!
Thanks for the video………..I’m a beginner and ever since I came across your videos, it’s been really helpful. ❤️
omg it's extremely helpfull. Thank you very much
how did you get the text from he start to be edited like that? I'm confused
this is exactly what i needed, thank you! soooo informative and helpful. I'm new to Figma and I feel like i learned so much in this short video
in the cart page, how the elements can realign the position after removing one item?
i need some help😮💨
thank u for sharing your knowledge, hope you always happy and healthy!!
Amazing, this helped me put the last piece on my UI/UX portfolio
Your video was outstanding! The way you explained the topic was truly amazing. Your ability to capture and convey complex ideas is truly impressive. You are a champion in your field. Hats off to you!
file bro
How i setup a backend database
You are the best ❤
SO so useful! Thank you man!
tnx
thanks for the video. really learnt alot as a beginner. Looking forward to see more of theme full ui designs from scratch. Also, please include web/responsive design as well similar.
Nice video but as a beginner I didn’t understand most of the things you did from the 7th minute of the video, from the point of adding the icons in the small rectangles, it seems like you were placing multiple icons on top each other in the component 😂, I just don’t get it .
Thank youuuu
Thank God I found this video. It was really helpful :)
I tried following your tutorial but the file in the description already had set variables so initially I deleted them then created again while following tutorial. But after I set the variables of the item counter, in the prototype all products counts went up even though I just clicked on one items plus icon. Don't know what I did wrong there :(
super COOL, I saw videos like this but it was complicated, but this one is so nice and easy to apply in addition has cool design
Good bro very helpful video❤❤❤❤❤❤
Thank you oh, Na your page I go dey spend all my leisure time.
Very easy and straightforward, thank you, thank you.
Please do not use Background Sound it affects my focus and annoying as well. Thank you!
Perfect tutorial! This is exactly what I was looking for: to create button variants like "with" and "without" icons but without duplicating every single button component. Thanks!
Can you please share the figma link
Hello everyone, i have a problem i don’t know how to solve. I have a desktop frame (i think it is called prototype frame) in which i am putting all the components to create the home page of my website. For every section of the page i have created a frame. However, when i link the elements of my navigation bar to the sections of the page (i drag the arrow to the component and i put “on click” → Navigate to (the section of the page) and after that i put the linked section inside the main frame, nothing works both in the presentation and preview mode. Do you have any suggestion? Is it a Figma’s problem or did i do something wrong?😓😓
best one
Please sir how do i publish it...cos I'm not able to do that
one of the advance tutorial i have seen
Thank you very much, it helped me a lot.
Perfect, thank you!
where to get that type of image?
Thank You
Thank you Brother Love From India, This Tutorial is really helpful.
thank you very much, John. It was helpful. Exactly what I have been searching for. I tried came up with other approach but it was very long. Yours is very simple. Cheers