- 188
- 3 048 685
UIX Design Academy
Pakistan
Registrace 20. 02. 2022
UIX Design Academy is learning platform where you can learn about UI UX design practices, 100 Days UI Design Challenge - Daily UI, Tips & Tricks, Prototyping, Wireframing, Mobile app design, Website design & Landing page design. Our aim is to teach you How to design high end UI UX in our video tutorials with simple & easy step-by-step process and you can create a successful career as a Freelance UI UX designer by following our tutorials.
Tools we use in our tutorials are Figma, Webflow, Framer, Adobe XD, Sketch, Photoshop, Illustrator.
We also provide FREE Source File for every practice we upload here and you can download it to use it in your practice.
Thank you Designers and Welcome to our Channel :)
Tools we use in our tutorials are Figma, Webflow, Framer, Adobe XD, Sketch, Photoshop, Illustrator.
We also provide FREE Source File for every practice we upload here and you can download it to use it in your practice.
Thank you Designers and Welcome to our Channel :)
Web Design for Beginners - Figma to Webflow Full Course 2024
In this web design for beginners course 2024 you will learn how to design a landing page in figma and build landing page in webflow to make it responsive so work on all breakpoints for desktop, tablet & mobile and also make it interactive landing page by adding transitions to the buttons & images in the sections.
This Figma to Webflow tutorial follows steps by step process for the beginners to learn web design from start to finish to design a website & build it in webflow. its a complete course from Figma to Webflow for beginners.
00:00 Intro of Figma to Webflow
01:05 Learn figma web design
03:40 Creating color style
04:00 How to create gradient
24:35 Learn webflow web design
55:57 Create responsive web design in webflow
01:14 How to make interactive web design
🧑🏽💻 What to WATCH Next 👀👇🏾
Responsive website design: czcams.com/video/VoP-ZPJTepI/video.html
-------------
✅ Figma Download : psxid.figma.com/z2wz3bjjbrdi
-------------
💜 Support me: BUY ME A COFFEE: www.buymeacoffee.com/uixdesign
-------------
⬇️ Starter File DOWNLOAD:
www.figma.com/community/file/1401142910738111175/figma-landing-page-design-starter-kit
-------------
⬇️ Source File DOWNLOAD: www.figma.com/community/file/1401141155986857670/web-design-landing-page-design
-------------
🧑🏽💻 Most Useful Tools Links:
👉🏾 FigJam AI: psxid.figma.com/q2w0mzgr7pi8-pc46ii
👉 Webflow: webflow.partnerlinks.io/nz6ljxn7vydv
👉🏾 Framer: bit.ly/3vNQA3u
🎁 promo code: FREE 3 months (partner25proyearly)
-------------
🌴 Resources:
Figma Community: www.figma.com/@uixdesign
Dribbble: dribbble.com/uixdesign-me
-------------
Let's CONNECT on social media and say Hi!!
uixdesign.me
web. uixdesign.me
uixdesign_uiux
www.tiktok.com/@uixdesign
-------------
I would be very happy 🙂 If you decided to Subscribe:
bit.ly/3So60Ei
This Figma to Webflow tutorial follows steps by step process for the beginners to learn web design from start to finish to design a website & build it in webflow. its a complete course from Figma to Webflow for beginners.
00:00 Intro of Figma to Webflow
01:05 Learn figma web design
03:40 Creating color style
04:00 How to create gradient
24:35 Learn webflow web design
55:57 Create responsive web design in webflow
01:14 How to make interactive web design
🧑🏽💻 What to WATCH Next 👀👇🏾
Responsive website design: czcams.com/video/VoP-ZPJTepI/video.html
-------------
✅ Figma Download : psxid.figma.com/z2wz3bjjbrdi
-------------
💜 Support me: BUY ME A COFFEE: www.buymeacoffee.com/uixdesign
-------------
⬇️ Starter File DOWNLOAD:
www.figma.com/community/file/1401142910738111175/figma-landing-page-design-starter-kit
-------------
⬇️ Source File DOWNLOAD: www.figma.com/community/file/1401141155986857670/web-design-landing-page-design
-------------
🧑🏽💻 Most Useful Tools Links:
👉🏾 FigJam AI: psxid.figma.com/q2w0mzgr7pi8-pc46ii
👉 Webflow: webflow.partnerlinks.io/nz6ljxn7vydv
👉🏾 Framer: bit.ly/3vNQA3u
🎁 promo code: FREE 3 months (partner25proyearly)
-------------
🌴 Resources:
Figma Community: www.figma.com/@uixdesign
Dribbble: dribbble.com/uixdesign-me
-------------
Let's CONNECT on social media and say Hi!!
uixdesign.me
web. uixdesign.me
uixdesign_uiux
www.tiktok.com/@uixdesign
-------------
I would be very happy 🙂 If you decided to Subscribe:
bit.ly/3So60Ei
zhlédnutí: 1 007
Video
Mastering Figma - Fitness App UI Design Tutorial
zhlédnutí 3,4KPřed 2 měsíci
Learn figma ui ux design tutorial to create fitness app design using auto layout, visual colors, advanced typography scales for Designing a User-Friendly Mobile App Interface in Figma. This figma tutorial is for beginners, how to become master in figma. Mockplus Cloud, the best InVision alternative, is a great online platform for prototype, design and collaboration. You can use it from the link...
Figma Typography Scale for UI & Web Design - Masterclass for Beginners
zhlédnutí 2,8KPřed 3 měsíci
In this figma design system course, today I’ll create responsive typography scale for ui & web design from basic to advance techniques. This ultimate figma masterclass for beginners to learn typography scale, design system breakdowns for fonts sizes, text style naming & responsive scaling with step by step tutorial for figma users. After watching this comprehensive guide for type scale tutorial...
Daily UI Design Challenge Day - 10 | Social Share Design
zhlédnutí 2,3KPřed 4 měsíci
In this daily ui design challenge day - 10 you will learn how to make ui design in mobile. You can also watch complete 100 days design challenge series from daily ui design challenge day - 01. This 100 days series is complete figma course for beginners & best platform to learn ui ux design or how to practice ui ux design. Also I used Unsplash plugin for images/photos. 🧑🏽💻 What to WATCH Next 👀👇...
Bento Grid Figma Tutorial - Responsive Design 2024
zhlédnutí 3,4KPřed 4 měsíci
In this Bento grid figma tutorial you will learn how to create responsive bento grid design. I’ll make bento grid layout or bento grid portfolio to use this bento grid style for website design, Wordpress, html & css & Webflow. This bento grid generator is helpful to create instagram style post with responsive design trend 2024. 🧑🏽💻 What to WATCH Next 👀👇🏾 Website design: czcams.com/video/VoP-ZP...
Figma Beginners Tutorial UI/UX Design | Day 09 | Music Player Design
zhlédnutí 4KPřed 5 měsíci
Figma Beginners Tutorial UI/UX Design | Day 09 | Music Player Design
Make Your Website Design Fully Responsive | Figma Tutorial
zhlédnutí 41KPřed 5 měsíci
Make Your Website Design Fully Responsive | Figma Tutorial
Daily UI Design Challenge | Day - 08 | 404 Page Design
zhlédnutí 2,4KPřed 5 měsíci
Daily UI Design Challenge | Day - 08 | 404 Page Design
Figma Web Design Course 2024 | Food Landing Page UI Design
zhlédnutí 37KPřed 5 měsíci
Figma Web Design Course 2024 | Food Landing Page UI Design
Figma Daily UI Design Challenge | Day 07 | Settings Page Design
zhlédnutí 1,9KPřed 5 měsíci
Figma Daily UI Design Challenge | Day 07 | Settings Page Design
Daily UI Design Challenge | Day - 06 | User Profile Design
zhlédnutí 2,8KPřed 5 měsíci
Daily UI Design Challenge | Day - 06 | User Profile Design
Daily UI Design Challenge Day - 05 | App Icon Design
zhlédnutí 2,1KPřed 6 měsíci
Daily UI Design Challenge Day - 05 | App Icon Design
Daily UI Design Challenge Day - 04 | Calculator Design
zhlédnutí 3KPřed 6 měsíci
Daily UI Design Challenge Day - 04 | Calculator Design
Website Design in Figma | Daily UI Design Challenge | Day 3 Landing Page
zhlédnutí 12KPřed 6 měsíci
Website Design in Figma | Daily UI Design Challenge | Day 3 Landing Page
Figma App UI Design Tutorial | Food Mobile App Design | UX/UI
zhlédnutí 10KPřed 6 měsíci
Figma App UI Design Tutorial | Food Mobile App Design | UX/UI
Daily UI Design Challenge Day - 02 | Credit Card Checkout Design
zhlédnutí 4,6KPřed 6 měsíci
Daily UI Design Challenge Day - 02 | Credit Card Checkout Design
How to Make Perfect Drop Shadow in Figma | Figma Tutorial
zhlédnutí 863Před 6 měsíci
How to Make Perfect Drop Shadow in Figma | Figma Tutorial
Daily UI Design Challenge Day - 01 | SignUp Design
zhlédnutí 3,3KPřed 6 měsíci
Daily UI Design Challenge Day - 01 | SignUp Design
Figma Tutorial for Beginners 2024 | App UI/UX Design in Figma
zhlédnutí 9KPřed 7 měsíci
Figma Tutorial for Beginners 2024 | App UI/UX Design in Figma
UI/UX Design in Figma - Full Course Mobile App Design
zhlédnutí 20KPřed 8 měsíci
UI/UX Design in Figma - Full Course Mobile App Design
Web Design Figma Course - Website Design Tutorial for Beginners
zhlédnutí 6KPřed 9 měsíci
Web Design Figma Course - Website Design Tutorial for Beginners
Web Design in Figma | Tesla Landing page UI Design | Figma Tutorial
zhlédnutí 1,8KPřed 9 měsíci
Web Design in Figma | Tesla Landing page UI Design | Figma Tutorial
Apple's Website Design in Figma | Figma Tutorial
zhlédnutí 3,7KPřed 9 měsíci
Apple's Website Design in Figma | Figma Tutorial
Card Swipes or Carousel Animation Using Components in Figma
zhlédnutí 10KPřed 9 měsíci
Card Swipes or Carousel Animation Using Components in Figma
Design Stunning Mobile App Interfaces & UX/UI Tutorial
zhlédnutí 1,4KPřed 9 měsíci
Design Stunning Mobile App Interfaces & UX/UI Tutorial
UX/UI Design - App Design Tutorial (Design, Prototype)
zhlédnutí 3,1KPřed 9 měsíci
UX/UI Design - App Design Tutorial (Design, Prototype)
Horizontal and Vertical Scroll in Figma | Scrolling Figma Tutorial
zhlédnutí 3,2KPřed 10 měsíci
Horizontal and Vertical Scroll in Figma | Scrolling Figma Tutorial
Creating a Modern Maintenance App UI Design in Adobe XD
zhlédnutí 2,7KPřed 10 měsíci
Creating a Modern Maintenance App UI Design in Adobe XD
Mastering App UI/UX Design & Prototype - Figma Tutorial
zhlédnutí 10KPřed 10 měsíci
Mastering App UI/UX Design & Prototype - Figma Tutorial
Figma UI Design Tutorial. Animated Color Picker Slider
zhlédnutí 2KPřed 10 měsíci
Figma UI Design Tutorial. Animated Color Picker Slider
Thank you so much
hihi j'adore webflowwwww bebou c'est trop bien
Thank you & glad you like it 😍
this channel is worth to get 5 lakhs above subs ..i wish it will get in soon
Thank you for your support and we will get it 👍
From where did you get 404 image
you can. use Freepik 👍
Thank you! Finally a good tutorial on these 2. Love it
Glad you liked it! and more tutorials are coming...😍
Where is voice The video is too fast
you can watch latest tutorials, they have english voice. the old ones have no voice at the moment. 😍
Awesome tutorial. Plz make more videos & try to upload regularly 🙏
Sure 😊 we are working and try to upload regularly 👍
Stater file added, that's really amazing and we can use assets in practice 👍
Yes you can use it & follow along in practice 👍
Just watched it quickly and it’s amazing. I’ll watch it on weekend with details and follow along with you, that’s great you have put starter file for us. Keep it up 👍
That's great news that you like it, Of course you can watch & follow along with Starter file. 👍
Awesome, Finally 🎉🎉🎉🎉
Hope you enjoy & learn more new things from it! 😍
Figma to framer ? And framer cms ? Thank you For nice video
Yes, its in pipeline, I'll make tutorials on Figma to Framer soon 👍
@@uixDesignAcademy thank you so much
Super helpful thank you!!
Glad it was helpful! 😍
@@uixDesignAcademy will be binging your videos this weekend as I learn more of figma and can't wait! Thank you for this content ☺️
Great, I have just publish another video Figma to Webflow, you can also watch it 👍 it will help you lot ✌️
sir please make a video on portfolio for ui/ux.how should we make our portfolio
Sure, its in pipeline, ill make a tutorial on portfolio 😍
Sir....Figma me mujhe Redesign krna h Mai screenshot or pdf koi bhi file import kr rhi hu but wo edit nhi ho rha h kya kru pls....help me
you can't edit pdf or screenshot in Figma, you can edit only Figma file 🙂
Why we overlap so many images above each other?
Watch tutorial so you will understand & keep you upto date for design trend. 😍
?sorry is it just me or there is really no sound on this? both my laptop's and the vid's volume is on 100% already.
Yes there is no voice in this tutorial, you can watch this one czcams.com/video/VoP-ZPJTepI/video.html
0:01
?
I've never designed like this before, do you think this should come naturally or is this something you learn over time? I'm more of a flyer, movie poster, sports player design kind of guy, I've never done APPs.
Graphic design and UI design have difference, you need to watch tutorials & keep practicing to learn UI/UX Design. the most important part is... depends on your interest 😍
So what's the purpose of this wireframe version, when in the video before this, you did the exact same template, but with actual images. Are both part of the same UI or UX ? Is one of the UI and the other is UX?
The gray structure called UX and the other color template you have seen is UI.
so is this UI or UX, I'm still confused over both of them.
This is UI Design 😍
This would be what? UI for user interface, then the final result with the images is what UX?
This is called somehow UX (user experience) & wireframe, when you apply colours & style so then its called UI (user interface) design, I hope it will help you to understand 🙂
Brother, please tell me the name of this software
Its Figma, download here: psxid.figma.com/z2wz3bjjbrdi
What is name of app 😢
Figma, download here: psxid.figma.com/z2wz3bjjbrdi
Everything work properly ....they are responsive but as soon as i start changing fixed to fill container it doesn't maintain grid
Please watch complete tutorial, I have explained everything 😍
how to make dail roatating by dragging
Please watch complete tutorial, I have mentioned how to do that 🙂
Awesome content, learn new things when i watch it every time 😊
Happy to hear that!
why did everybody prising this, so much content is missing in this video......... what happens in 09:52, lol
Repeated steps are missing,
Notes ka reading acha tha 😂😂
Koolllll 😱🔥
Thank you 👍
@@uixDesignAcademy bruh why did u change your acc name ? That was kool
@@islam_ki_shahzadi1200 Are you asking for "uix design" name?
@@uixDesignAcademy UXuniversity nhi tha ... Something like that ig
@@islam_ki_shahzadi1200 Yes, it was uix university
Tutorial ❤
full tutorial: czcams.com/video/tcJlO0-lf74/video.html
Using that paper board on the top of a laptop keyboard just anoys me
Excellent video for responsive.Thanks
Glad it was helpful! Thank you 😍
How much time will be consume for learn for this skill.
It depends on interest. but it will require time, practice & attention to learn ui ux design 😍
Thx alot man can u drop source code updated link please
link is updated, you can download source file from the link in description
@@uixDesignAcademy thank you so much, really appreciate the effort