UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma



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:

36 comments

  1. 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?

  2. 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.

  3. '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 🙂 💕

  4. 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

  5. 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 ???

Leave a Reply to Boyan Anakiev Cancel reply

Your email address will not be published. Required fields are marked *