- 105
- 81 527
icode ng
Nigeria
Приєднався 26 вер 2014
Welcome to my UA-cam channel dedicated to UI/UX design and Frontend and backend Web Development! Here, you'll find a wealth of information and insights into the exciting world of user interface and user experience design, as well as cutting-edge techniques and strategies for developing beautiful and functional websites.
Whether you're a seasoned designer looking to hone your skills or a beginner just starting out in the field of web development, you'll find something of value here. From tutorials and demos to in-depth discussions and analysis, my videos are designed to help you stay on the cutting edge of web design and development.
So why not subscribe today and join our community of like-minded designers and developers?
Whether you're a seasoned designer looking to hone your skills or a beginner just starting out in the field of web development, you'll find something of value here. From tutorials and demos to in-depth discussions and analysis, my videos are designed to help you stay on the cutting edge of web design and development.
So why not subscribe today and join our community of like-minded designers and developers?
Build your design system in less than 5min
Build your own personal design system with ease
Переглядів: 663
Відео
How to create a login form like a pro in figma
Переглядів 18514 днів тому
#figma #login #design How to Design a Login Form in Figma like a pro We design a login form in figma . This login form design will use figma to show you how you can design the UI of your next application to look a bit more awesome. Figma login tutorial like this hopefully will give you a better idea of how to use design thinking and spacing to create graphics design like this. This UI design lo...
Level Up Your Figma Skills: Figma Expert Tutorial
Переглядів 1,2 тис.Місяць тому
Link to figma resources www.figma.com/community/file/1377661354732552085/figma-expert-supahub Link to download font drive.google.com/file/d/1qCMQzAnqJ7eF8vHhyfZCEDxtJoPINaF0/view Link to supahub website supahub.com/ Take your Figma skills to the next level with our Masterclass Course! Whether you're a beginner or mid-level designer, this tutorial will teach you advanced techniques to elevate yo...
Scroll Animation in figma
Переглядів 103Місяць тому
Learn how to animate your sections in Figma for your Dribbble/Behance posts, and for your client presentations without having official scroll support in Figma!
How to design a modern login and register form for mobile and desktop in figma (light + dark mode)
Переглядів 2572 місяці тому
Certainly! Adding hashtags for UA-cam would make the content more discoverable within the platform. Here's the revised version of your text with hashtags included: We've crafted a login form in Figma, leveraging Thumblyitics as a foundational reference. While the current form appears somewhat basic, our aim is to elevate its design by incorporating robust UI and UX principles. This #Figma tutor...
Create a Responsive Bento Grid | Figma Tutorial
Переглядів 1952 місяці тому
In this video, I'm going to walk you through creating a responsive Bento Grid in Figma.
How to convert UI into Wireframe in less than 20 second using figma plugin
Переглядів 2,4 тис.2 місяці тому
buymeacoffee.com/icondng Complete Figma Course: Design a Full Website in figma step by step. ua-cam.com/video/TatCwOcsIlg/v-deo.html In this tutorial, you'll learn how to transform your intricate user interface designs into sleek wireframes in less than 20 seconds, thanks to a powerful Figma plugin. Say goodbye to manual wireframing and hello to lightning-fast conversions! Whether you're a seas...
Designing an App in Figma - A Step-by-Step Guide for Beginners (2024)
Переглядів 9922 місяці тому
buymeacoffee.com/icondng Download link www.figma.com/community/file/1362059365052081480/grocery-store-resources-figma In this Figma Mobile App Design Tutorial, you are going to learn how to design a Modern Mobile App in Figma. Figma is a free UI Design tool used creating Mobile App UI and UX.
Figma Tutorial: Input Field with Animated Label
Переглядів 2843 місяці тому
In this #FigmaTutorial, learn how to design and prototype a sleek floating text field input component with an animated label. Perfect for modern UI designs, this tutorial covers step-by-step instructions to create an engaging user experience. Whether you're a beginner or an experienced designer, follow along to elevate your UI design skills and enhance your prototypes. Whether you're designing ...
landing page UI design tutorial | Figma
Переглядів 1,2 тис.3 місяці тому
buymeacoffee.com/icondng Download Link www.figma.com/community/file/1351285375529609785/byte-code Welcome to our comprehensive Figma tutorial where we'll guide you through designing an entire website from start to finish. Whether you're a beginner or looking to enhance your skills, this course covers everything you need to know about creating stunning web designs using Figma. Thanks for watchin...
Create A Sleek Navbar With Seamless Scrolling: Fixed And Dynamic Prototyping In Figma Ui Design
Переглядів 2,9 тис.4 місяці тому
Create A Sleek Navbar With Seamless Scrolling: Fixed And Dynamic Prototyping In Figma Ui Design
Create A Responsive Table For An Admin Dashboard - Figma Tutorial
Переглядів 4744 місяці тому
Create A Responsive Table For An Admin Dashboard - Figma Tutorial
Figma tutorials: Design a landing page with incredible animated sliders in figma.
Переглядів 1664 місяці тому
Figma tutorials: Design a landing page with incredible animated sliders in figma.
Figma tutorial: Text animation in figma
Переглядів 3244 місяці тому
Figma tutorial: Text animation in figma
Figma tutorial: How to create a stunning website ui in figma.
Переглядів 1,8 тис.5 місяців тому
Figma tutorial: How to create a stunning website ui in figma.
Figma tutorial - figma buttons animation.
Переглядів 4605 місяців тому
Figma tutorial - figma buttons animation.
Dashboard Ui Design In Figma: Step-by-step Guide
Переглядів 8 тис.5 місяців тому
Dashboard Ui Design In Figma: Step-by-step Guide
Figma tutorial : how to add a transparent effect of ur design.
Переглядів 1685 місяців тому
Figma tutorial : how to add a transparent effect of ur design.
Master Figma Mobile App Design In 2024: Step-by-step Tutorial
Переглядів 14 тис.5 місяців тому
Master Figma Mobile App Design In 2024: Step-by-step Tutorial
Design a professional website UI with animations in figma - Figma tutorial
Переглядів 3 тис.6 місяців тому
Design a professional website UI with animations in figma - Figma tutorial
Figma Beginner course - Creating a landing page
Переглядів 6266 місяців тому
Figma Beginner course - Creating a landing page
Components and variants in figma- Beginners (2024 UI UX Design) Day 6
Переглядів 4256 місяців тому
Components and variants in figma- Beginners (2024 UI UX Design) Day 6
Components in figma - Beginners (2024 UI UX Design) Day 5
Переглядів 7966 місяців тому
Components in figma - Beginners (2024 UI UX Design) Day 5
Auto layout in figma (2024 UI UX Design) Day #4
Переглядів 2,9 тис.6 місяців тому
Auto layout in figma (2024 UI UX Design) Day #4
Figma beginners course (2024 UI UX Design) Day 3
Переглядів 1786 місяців тому
Figma beginners course (2024 UI UX Design) Day 3
Mastering Figma in 10 Days: Shapes and their properties (2024 UI UX Design) Day 2
Переглядів 2356 місяців тому
Mastering Figma in 10 Days: Shapes and their properties (2024 UI UX Design) Day 2
Would you please make another video about prototyping this app ? I think it would be so useful. Thank you again
Thank you for your feedback, I will find time to create work on it.
Please upload more amazing and advance tutorials. Thank You! These videos are really great to learn.
Thank you for the feedback.
learnt a lot from this video
I'm happy u did.
nice one bro do more like this 💪🏿💪🏿💪🏿💪🏿💪🏿💪🏿
Will do✅
How long does it usually take to get access after entering the waitlist?
Currently only few persons have access to the features. I really can’t tell how long it will take.
Appreciable, but there is no image in page 1 of community file..
Thank you for your feedback. The image has been added.
ULTIMATE HELPFULNESS
Thank you
Is it free?
@@keepsmile3142 yes, u just need to sign up.
very helpful ^^
Thank you
Nice
Thanks
Hey Buddy! I just love your channel and the contents you make! Can't appreciate enough what you've taught me. I learned so manyy things and applying on my everyday design tasks! Highly appreciated buddy. Most underrated channel ever I guess! Keep it up! ✨
Thank you, I really appreciate your feedback.
I had no idea how to use components until I watched this video. You covered everything I needed to know. Thanks brother!
You are welcome
great
Thank you
Bro I need direct mentorship from you please
Ok, no problem. Send me a message on instagram
Link and name on Instagram
@web3educator738 open the profile on the UA-cam all the links to socials are there. 👍👍
Such a good tutorial - thanks very much and looking forward to watching more of your stuff
Thank you
Great Tutorial. Thank you. Small Doubt : Why did you use Instance swap property + boolean on component at 9:45, while for same functionality you haven't used instance swap but only boolean at 1:00:21. What is the differences. Kindly reply.
The instance swap allows us to change the icons easily and the Boolean property allows us to toggle the visibility of an item to either true (item will be displayed on the screen) or false which will hide the item from the screen.
But that responsive ness is not working when we select the mobile frames
The bento grid is responsive for just desktop screens
Nice one bro, I focus more on coding for now but I’m still with Figma everyday.
I will start creating coding content do well to subscribe. 🙏🙏
@@icodeng Sure we re together bro.
there is no space shown in my figma after save local copy and the in open in figma also
This is only use to check the space between items while working.
This video is so insightful Thank you 🙏
You are welcome.
I subscribe u
Thank you
Wow, so good! Thank you :)
Thank you.
Thanks for your video
You r welcome
thannnnnnnnnnnnnnnnks bro
You are welcome.
Awesome stuff sir❤
Thank you
Thank. I need long tutorial video to create 4 or 5 pages for mobile application
I will look into that, for now check out this video. Master Figma Mobile App Design In 2024: Step-by-step Tutorial ua-cam.com/video/meSGy1eh1p4/v-deo.html
hi hi, i've followed your step but i think mine is not working when i scroll down the page (it not changed). but if i hover outside the prototype (such as at the "share prototype button"), then it will change into the coloured one :(
Check the prototype settings and make sure u r using mouse leave and mouse enter. From you comment it seems u r using hover. Your can start watching from 3:00
Muito bem explicado. Gostei!
You are welcome.
The link is not touchable. 😢
How to create responsive design in figma using variables 2023 and mode. ua-cam.com/video/ovq3JHqAWaI/v-deo.html
@@icodeng, thank you very much!
Best channel to learn
Thank you 🙏
hello sir, thank you for the tutorial. please i need help, I can find my icons under the Assets
I will check the asset file and get back to you.
@@icodeng Thank you sir
@@icodeng good day sir, please are you able to check the asset file? still waiting for your feedback.
@user-emfarsis sorry for the delay www.figma.com/community/file/1327267000691885316 once u open the file click on the second page seedoc. Start watching from 0:50 to see how to copy the resources when u open the link.
@@icodeng thank you
Hi do you on how to animate a variant while scrolling? Like a top section component to animate while you scroll the body of the design if you know what I mean
Yes, it can be achieved using the mouse enter click event. I will find time to create a tutorial on that.
Check this tutorial, and how we use the mouse event it should give u an idea. Create A Sleek Navbar With Seamless Scrolling: Fixed And Dynamic Prototyping In Figma Ui Design ua-cam.com/video/hf71JfkKDIw/v-deo.html
Ok thanks a lot, I would check it out tomorrow. My head is hot 😅
@MrDestinyproduction 😂😂 ok
thanks 🔥🔥🔥
You are welcome.
Hi Icodeng, I'm finding it difficult locating the fill container feature.
Indicate the time frame so I can help.
Allah bless us all
Amin
Always helpful
Thank you for your feedback.
@@icodeng welcome 🤗
@tanveerali8073 instagram.com/aarondioo/
Mm there’s something wrong when I add an icon on properties it’s not seen why ? 10:01
Try and convert the icon to a component.
Hi icodeng Please where do you get your icons from and is it monthly subscription?
The name of the icon pack is vuesax, use this link to duplicate it www.figma.com/design/qhqcnHhm301x0S33hYecdN/Vuesax-Icons-(Community)?node-id=201%3A7257&t=IxyEPhuMVJTqSHEl-1
Thank you very much!
You are welcome.
Wow just what I have been looking for thank you sir this have been very helpful ❤
You are welcome.
I just need to let you know that I appreciate your videos and Ive learnt a great deal from your videos. Keep it up. Thank you so much.
You are welcome.
Thank you 🙏
You’re welcome
Awesome video.. God bless you
Amen
Well done bro need more peeps like you. to the point video loved that
Thank you.
I need a good designer to design a mobile app. Someone with experience and good taste.
Thank you for reaching out, you can schedule a meeting using this link. calendly.com/dikaaron33/30min
Whenever I’m in your page, I feel like I can learn everything I need just in one channel
Thank you
awesome. mind blowing!🤩
Thank you
not at all working the input field bottom and top lines are jumping while testing tried this many times but doesn't work only
The problem is coming from your constraints.
@@icodeng i did it according to the video only
great ...
Thank you
Thank you sir 💯🙌
You are welcome.
Straight to the point.Thank you
You are welcome