Sign in to confirm you’re not a bot

This helps protect our community. Learn more

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

freeCodeCamp.org

10.7M subscribers

2.8M views 4 years ago ✪ Members first

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: / @adriantwarog ❤️ Try interactive UI courses we love, right in your browser: https://scrimba.com/freeCodeCamp-UI-D... (Made possible by a grant from our friends at Scrimba) ⭐️ 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

...more

...more

Men's T-shirt Black L

Represent the freeCodeCamp community. Available in all 50 US States. Free shipping. A vintage-black, triblend T-shirt, featuring the iconic “bonfire function call” logo. This rugged shirt is made of 25% cotton, 25% rayon, and 50% polyester, and it will withstand hundreds of washes without losing its snugness or color. All proceeds above cost will go toward improving freeCodeCamp.

Women's T-shirt Black M

Represent the freeCodeCamp community. Available in all 50 US States. Free shipping. A charcoal-black, relaxed-fit triblend T-shirt, featuring the iconic “bonfire function call” logo. This rugged shirt is made of 25% cotton, 25% rayon, and 50% polyester, and it will withstand hundreds of washes without losing its snugness or color. All proceeds above cost will go toward improving freeCodeCamp.

Introduction

Wireframing

UI Layout

Mockup

freeCodeCamp.org tagged products below. Learn more

Men's T-shirt Black L

Women's T-shirt Black M

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

82KLikes

2,896,542Views

2021Feb 10

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: / @adriantwarog ❤️ Try interactive UI courses we love, right in your browser: https://scrimba.com/freeCodeCamp-UI-D... (Made possible by a grant from our friends at Scrimba) ⭐️ 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

Introduction

Wireframing

UI Layout

Mockup

Transcript

Follow along using the transcript.

freeCodeCamp.org

10.7M subscribers