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

By - freeCodeCamp.org
Overview
Practice
Certification
Reminders

Description

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: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ ⭐️ 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Chapters

Introduction
Introduction
1 min
Wireframing
Wireframing
29 min
UI Layout
UI Layout
35 min
Mockup
Mockup
19 min
⚡️ AI Mentor