Design Champs+

Our plus members get access to tons of exclusive courses, live events, and discounts on cool stuff.

Design Champs+

Our plus members get access to tons of exclusive courses, live events, and discounts on cool stuff.

Design Champs+

Our plus members get access to tons of exclusive courses, live events, and discounts on cool stuff.

Design Champs+

Our plus members get access to tons of exclusive courses, live events, and discounts on cool stuff.

Details

24

lessons

4 hr 12 min

worth of lessons

Intermediate

difficulty

Lifetime access

Future updates

Private community

Monthly live UI design events

A certificate of completion

Topics

UX Design

UI Design

Figma

Overview

This course is aimed at people new to design, new to User Interface and User Experience design. Even if you’re not totally sure what UI/UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

You will walk through the UX & UI design process from start to finish as you complete your class project all the way through to the end.

Once finished with your project you will learn some crucial insights about getting hired in the industry and use the results of your project to build your very own design portfolio.

We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms commonly used in the UI/UX industry. By doing this you will develop a mature understanding of the industry and will be able to confidently build on these foundations until you get hired for your first design job.

  • First we’ll define what the differences are between UI and UX design

  • Then you’ll learn what user centered design is and what makes design “good”

  • You’ll learn about how to conduct some basic UX research

  • The you will learn how to design a series of wireframes for a mobile application

  • From there we’ll look at how to implement colors & images properly in your designs.

  • You’ll learn the do’s & don’ts around typography

  • You’ll learn how to create your own icons, buttons & other UI components.

  • You’ll learn how to create Components, Constraints, and Variants in Figma

  • We’ll build a simple Style Guide and pattern library for our project in Figma

  • You’ll understand how to make both simple & advanced micro interactions, page transitions & animations

Requirements

This course does not require any prerequisite knowledge. This is an introductory course for anyone interested in learning UI and UX design!

  • You'll need a copy of Figma. A free plan is available on the Figma website.

  • No previous Figma skills are needed.

  • No previous design skills or experience required

Who is this course for?
  • Anyone who is interested in UI & UX design but has only recently started their journey into the field.

  • Anyone who wants to start using Figma in their career & get paid for their UI and UX design skills.

  • This course is for beginners, newbies & amateurs in the field of UI/UX design.

  • Aimed at people new to the world of design & UI/UX

  • Anyone who wants to learn the essentials of UI & UX Design.

FAQ’s
  • What is UI Design? User interface (UI) design involves figuring out the best way for people to engage and interact with tech and designing the controls we use to operate programs and software.

  • What is UX design? User experience (UX) design helps inform development and ensure that a product satisfies users’ needs and helps them achieve their goals.

  • What does a UI/UX designer do? UI/UX Designers are involved in every part of the product design process, from interviewing users to discover their needs and preferences to working with developers to implement their insights and improve the product’s design and function.

  • What kinds of jobs can a UI/UX designer get? UI/UX design is a broad field, encompassing many roles. UI/UX Designers serve as generalists who can do it all, but there are also people who specialize in different parts of the process, like UX Researchers and UX Writers, along with roles that utilize a similar skill set, like Information Architects, Interaction Designers, and Usability Testers.

Browse more courses

New

User Flows 101

6

lessons

32 min

Beginner

User Flow Diagrams are a cornerstone of intuitive UI/UX design, helping designers map out the user journey and create seamless experiences. In this course, you’ll learn everything you need to know about user flows, from foundational concepts to advanced techniques.

New

Web Design 101

1

lessons

2 hr 43 min

Intermediate

Learn every step of the professional web design process and build a comprehensive project . We'll start with strategy and structure, move into the design phase, and even develop the website without writing a single line of code using Framer

Complete Framer Web Design

1

lessons

4hr 35min

Beginner

Learn how to design, prototype, and build fully functional websites from scratch using Framer, a powerful no-code tool for designers and developers.

New

User Flows 101

6

lessons

32 min

Beginner

User Flow Diagrams are a cornerstone of intuitive UI/UX design, helping designers map out the user journey and create seamless experiences. In this course, you’ll learn everything you need to know about user flows, from foundational concepts to advanced techniques.

New

Web Design 101

1

lessons

2 hr 43 min

Intermediate

Learn every step of the professional web design process and build a comprehensive project . We'll start with strategy and structure, move into the design phase, and even develop the website without writing a single line of code using Framer

New

User Flows 101

6

lessons

32 min

Beginner

User Flow Diagrams are a cornerstone of intuitive UI/UX design, helping designers map out the user journey and create seamless experiences. In this course, you’ll learn everything you need to know about user flows, from foundational concepts to advanced techniques.

New

Web Design 101

1

lessons

2 hr 43 min

Intermediate

Learn every step of the professional web design process and build a comprehensive project . We'll start with strategy and structure, move into the design phase, and even develop the website without writing a single line of code using Framer

New

User Flows 101

6

lessons

32 min

Beginner

User Flow Diagrams are a cornerstone of intuitive UI/UX design, helping designers map out the user journey and create seamless experiences. In this course, you’ll learn everything you need to know about user flows, from foundational concepts to advanced techniques.

New

Web Design 101

1

lessons

2 hr 43 min

Intermediate

Learn every step of the professional web design process and build a comprehensive project . We'll start with strategy and structure, move into the design phase, and even develop the website without writing a single line of code using Framer