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



Study the method of UI / UX design. On this tutorial you’ll learn the way an expert designer builds a full web site design from scratch following the method of consumer expertise and consumer interface. The video covers wireframing, prototyping, and designing in Figma.

This course was developed by Adrian Twarog. Try his channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ

⭐️ Sections ⭐️
⌨️ (00:00) Introduction
⌨️ (01:27) Wireframing
⌨️ (30:58) UI Structure
⌨️ (1:06:38) Mockup

Study to code totally free and get a developer job: https://www.freecodecamp.org

Learn tons of of articles on programming: https://freecodecamp.org/information

And subscribe for brand new movies on expertise every single day: https://youtube.com/subscription_center?add_user=freecodecamp

source

21 thoughts on “UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma”

  1. I'm so confused . isn't this whole tutorial just about UI or I still didn't get the concept of UX and UI?
    I mean what happened to data gathering , ideation , analyze phases. aren't these part of UX design?

    Reply
  2. One thing I learned over the yrs is When it comes to Design its your own unless work/Client forces you todo things in certain way,
    (I would probably 'Slider' the Sponsors sections, Image before the Text in the About section)

    Reply
  3. I thought he said below we'd find a sag file of his initial sketch. He said we could also do it by hand, which is what I did, so I can't copy and paste his initial sketch into Figma. Am I missing something?

    Reply

Leave a Comment