UI/UX Design for Beginners

With Breni's UI/UX Design for Beginners path, newcomers learn to design apps and websites that people find easy to use, from research to a tested Figma prototype. The 8 courses cover UI and UX basics, user research, information architecture, wireframing and prototyping, visual design, design systems, usability testing and accessibility, and a portfolio project. Learners finish able to run user interviews, build a clickable prototype and test it with users. Research is placed before any screen is drawn, and the courses unlock in sequence as each is finished.

  • 8 courses
  • 15 learning objectives
  • Level: beginner
  • Language: English
  • Price: Subscription, free trial

What you will be able to do

  • Interview users and turn the findings into personas and journey maps
  • Map a user flow and sitemap for a small app
  • Build wireframes and a clickable prototype in Figma
  • Apply type, colour, spacing and grids to design clear screens
  • Run a usability test and check designs against WCAG contrast rules
  • Present a finished design project as a portfolio case study

Full curriculum

Part 1 · UX foundations

1. What UI and UX Design Are: Core Concepts

Explain the difference between UI and UX and the stages of a design process. Units, in order: User experience compared with user interface; The design thinking process; Roles on a product design team; Good and bad design examples; Usability heuristics.

  • — UX Versus UI
    Learn the core differences between user experience and user interface design.
    • What Is User Experience
    • What Is User Interface
    • How UX and UI Work
  • — The Design Thinking Process
    Discover the steps designers take to solve user problems.
    • Empathize and Define
    • Ideate and Prototype
    • Test Your Design
  • — Product Design Roles
    Meet the team members who build digital products together.
    • UX Researchers and Writers
    • UI and Interaction Designers
    • Product Managers and Developers
  • — Good and Bad Design
    Analyze real examples of effective and frustrating interfaces.
    • Spotting Good Design
    • Spotting Bad Design
    • Learning From Examples
  • — Usability Heuristics
    Master basic rules for making user-friendly digital interfaces.
    • System Status and Control
    • Consistency and Error Prevention
    • Recognition and Flexibility

2. User Research for Design

Find out what users need through interviews, surveys and observation. Units, in order: Planning a research study; User interviews; Surveys; Personas; Journey maps.

3. Information Architecture and User Flows

Organise content and map how users move through a product. Units, in order: Card sorting; Sitemaps; User flows; Navigation patterns; Writing clear labels.

Part 2 · UI design

4. Wireframing and Prototyping

Turn ideas into wireframes and clickable prototypes. Units, in order: Sketching ideas fast; Low-fidelity wireframes; Frames and components in Figma; Linking screens into a prototype; High-fidelity mockups.

5. Visual Design for Interfaces

Use type, colour, spacing and grids to make screens clear. Units, in order: Typography for screens; Colour and contrast; Spacing and layout grids; Visual hierarchy; Icons and imagery.

6. Design Systems and Components

Build reusable components so a product looks and works consistently. Units, in order: Buttons, inputs and their states; Auto layout in Figma; Component variants; Design tokens; Documenting a design system.

Part 3 · Testing and shipping

7. Usability Testing and Accessibility

Test designs with real people and make them usable for everyone. Units, in order: Running a usability test; Analysing test findings; WCAG basics; Designing for screen readers and keyboards; Iterating on feedback.

8. UX Portfolio Project

Design a small app end to end and present it as a case study. Units, in order: Choosing a problem to solve; From research to wireframes; Final UI and prototype; Handing off designs to developers; Writing a portfolio case study.

Sample: What UI and UX Design Are: Core Concepts

The opening tier, (UX Versus UI). Learn the core differences between user experience and user interface design.

What Is User Experience

Understand how users feel and interact with a product journey.

What Is User Interface

Explore visual layouts, buttons, colors, and typography on screens.

How UX and UI Work

See how research and visuals combine to build great products.

Questions about UI/UX Design for Beginners

Can I learn UI/UX design with no experience?

Yes. UI/UX Design for Beginners on Breni starts with what UI and UX mean and teaches research, Figma and testing step by step.

What is the difference between UI and UX design?

UX design is about how a product works for the person using it, from research to flows. UI design is how the screens look: type, colour, layout and components.

Do I need to draw or code to learn UX design?

No. Rough sketches are enough for early ideas, and the path uses Figma rather than code.

Which tools does this UI UX design course use?

Figma is the main tool, used for wireframes, prototypes and components. The methods also apply in other design tools.

Do I get a certificate for this UI UX course?

Finishing all 8 courses earns a Breni certificate of completion and leaves you with a case study for a portfolio. It is not a degree.

Related learning paths

Start UI/UX Design for Beginners

Get Breni on Google Play and start UI/UX Design for Beginners Download on the App Store