Learn the process of UI / UX design. In this tutorial you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The video covers wireframing, prototyping, and designing in Figma.
This course was developed by Adrian Twarog. Check out his channel:
⭐️ Sections ⭐️
⌨️ (00:00) Introduction
⌨️ (01:27) Wireframing
⌨️ (30:58) UI Layout
⌨️ (1:06:38) Mockup
—
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
And subscribe for new videos on technology every day:
What's the first app that is being used to do the wireframe , I don't think that's figma?
This video helps me a lot thank you
Thanks so much for this video!
Thank you, this was very helpful
One of the Best Twitter Handles I follow. Thank you for this detailed class
Could you share the fig file of this project ?
hello ive heard some expert say that being a UI/UX designer needs tto know Ux research discovery process or is it ok to just learn this 1 hour video and you can apply to be a ui/ux designer?
Thank you. Excellent video
How can I built a working website after creating this in Figma?
Overall good enough to learn the basics of the software, it helps you understand the main process behind web designing, but at the same time – there are plenty of errors regarding the UI. Lack of contrast in some areas really crowded space on some sections and huge fonts for no reason in other parts of the design.
Good for basics? Yes.
Good for UI design? No.
Thank you so much. This inspires me a lot ♡ ♡ ♡
Brilliant video, Adrian! Thank you!
thanks for your amazing tutorial
Is this suitable for beginners who have no idea on ui/ux design??
May the TRI FORCE be with you sir
where can i find the full course ? like integration with react ??
just amazing…….very well explained
thanks a lot Adrian
But how do i do it with Ligma?
1:25:43 – Where is the URL for Figma Wireframe that you created in this video, and said you will share?
Remove UX from title, misleading..
50:00 hold shift to select items, then ctrl g to group
59:14 font awesome to download phone icon
'Without further adieu' is incorrect, monotonous and boring mate. Next time use something like 'Let's get into it' or … Thanks so much for the tutorial. Much appreciated 🙂 💕
how can i get the background image for my design
40:23 How did you do the 1 2 3 4
Does UI/UX help you become a better frontend dev?
Clicked on the video just to laugh at how you useless noobs make ux/ui tutorials to other useless noobs lmao. ux/ui = drawing wireframes ;DDD
Thanks!
Will follow up
Thank you 🙏
Very informative, thank you very much!
hi i have some trouble when trying to convert my interface into a python code ! there is some elements that doesn't appear like the nav bar …. is there any way to fix them ???
can u addition subtitle plz
Oh wait i know you , you are the Australian guy
I'll do this course after exams 🔥
figma more like ligma
Great tutorial, but the link to the SVG file is not in the description. Where can I find it?