What is UX Design With Figma: Design Apps People Love?

Research, sketch, prototype and test a real booking app using Figma's free plan. You research, sketch, prototype and test a real app design. You finish with a clickable prototype, the research and test notes behind it, and a written spec a developer could build from.

Open the UX Design With Figma: Design Apps People Love course page

Complete beginners who want to design a phone app or website the right way: small business owners planning an app, people changing careers who need a first project, and anyone curious about how good apps are made. No design or coding experience needed.

These are the prerequisites the course lists:

• No design or coding experience
• Comfortable using a web browser, a mouse or trackpad, and copy and paste
• Able to talk with five people about a small everyday problem (friends of friends are fine)

These are the tools and materials the course lists:

• A free Figma account on the Starter (free) plan. Check Figma's current plan page for limits. Everything in this course fits inside the free limits.
• A computer with a modern web browser. The Figma desktop app also works. Free.
• Paper, a pen and a phone camera for sketching. Free.
• A phone to open your finished prototype (optional but recommended). The prototype opens in the phone's browser; the Figma mobile app is free but needs a Figma account.
• A free contrast checker such as the WebAIM Contrast Checker in your browser. Free.
• Five willing people for interviews and testing. They can be friends of friends.
• A notes tool for your written spec: any free document or notes app.
• Nothing to buy. Figma's Dev Mode and shared team libraries are paid features, and the course shows a free path for both.

A tested app prototype: Tidy Paws (or your own booking or ordering app). Assemble everything you built into one package: research notes, a problem statement, a user flow, wireframes, a styled and componentized design, a clickable Figma prototype, a five-person usability test report with fixes, and a written spec a developer could build from. Use the Tidy Paws project from the lessons or your own simple booking or ordering idea with one main task and five to eight screens. The finished deliverables are:

• A one-page design brief and a research summary from at least three real interviews (five is the target), with an affinity map and insight statements
• A problem statement, a must / should / not-now requirements list, and a user flow for the main task
• Wireframes for every screen plus the empty, error and selected states, with a written copy sheet
• A styled design with saved color and text styles, a spacing scale, a type scale and a contrast check table
• Components with variants (at least a button and one selectable item) built with auto layout and used as instances
• A clickable Figma prototype with a working link and no dead ends on the main task
• A usability test report: tasks, script, results for five people, a ranked issue list and the fixes you made
• A written spec for every screen and a short handoff page: tokens, components, exported assets, behavior notes and open questions

UX Design With Figma: Design Apps People Love has 24 lessons in 6 modules, a workbook of 10 items and a capstone project. It is planned at about 8 hours in total. The lesson text runs to roughly 17,100 words.

UX Design With Figma: Design Apps People Love has 6 modules:

• Module 1: Start here: the UX loop, your brief and your Figma workspace. Learn what UX design is, follow the five-step loop, write a one-page brief for the running project, and set up Figma's free plan with your first frames.
• Module 2: Research: learn who you are designing for. Plan research, interview real people, turn notes into insights, and define the problem and the smallest useful app.
• Module 3: Flows and wireframes: plan the screens before you style them. Map the user flow, sketch on paper, build gray-box wireframes on a layout guide, and design the states and the real words.
• Module 4: Visual design: hierarchy, space, type and color. Guide the eye with hierarchy, size things with a spacing scale and tap targets, set a small type scale, and pick colors you can prove are readable.
• Module 5: Build it right: styles, auto layout, components and prototype. Save styles once, use auto layout so boxes grow with content, build components with variants, and link the screens into a clickable prototype.
• Module 6: Test, improve and hand off. Plan and run a usability test with five people, rank what went wrong, fix what matters, and hand the design to a builder. Finish with your capstone.

All 24 lesson titles, module by module:

• Module 1: Start here: the UX loop, your brief and your Figma workspace. 1.1 What UX design is and the loop you will follow; 1.2 Write a one-page design brief; 1.3 Set up Figma's free plan and find your way around; 1.4 Frames, shapes and text: draw your first screen.
• Module 2: Research: learn who you are designing for. 2.1 Plan your research: goal, questions and five people; 2.2 Run a user interview: ask about the past and stay quiet; 2.3 Turn notes into insights with an affinity map; 2.4 Define the problem and the smallest useful app.
• Module 3: Flows and wireframes: plan the screens before you style them. 3.1 Map the user flow for one task; 3.2 Sketch on paper: many ideas fast, then choose; 3.3 Wireframes in Figma: gray boxes, real words and a layout guide; 3.4 Design the states and write the real words.
• Module 4: Visual design: hierarchy, space, type and color. 4.1 Visual hierarchy: guide the eye to one main thing; 4.2 Size and space: a spacing scale and tap targets; 4.3 Typography: a small type scale you can defend; 4.4 Color and contrast you can prove.
• Module 5: Build it right: styles, auto layout, components and prototype. 5.1 Save your colors and text as styles; 5.2 Auto layout: boxes that grow with their content; 5.3 Components and variants: build once, reuse everywhere; 5.4 Prototype: connect the screens and make it clickable.
• Module 6: Test, improve and hand off. 6.1 Plan a usability test with five people; 6.2 Run the test: watch, listen and do not help; 6.3 Analyze the results and fix what matters most; 6.4 Hand off your design so someone can build it.

The course is listed at beginner level and planned at about 8 hours in total. It has 24 lessons, each with objectives you can check yourself against.

Lesson 1 is "What UX design is and the loop you will follow" (Module 1, Start here: the UX loop, your brief and your Figma workspace). By the end of it the course says you will be able to:

• Tell UX and UI apart in plain words
• Name the five steps of the design loop in order
• Describe the project you will build in this course

UX Design With Figma: Design Apps People Love defines 24 terms in plain words: UX (user experience), UI (user interface), User research, Insight, Affinity map, User flow, Wireframe, Frame (Figma), Layout guide, Visual hierarchy, Spacing scale, Touch target (tap area), Type scale, Contrast ratio, Style (Figma), Auto layout, Component, Instance, Variant, Prototype, Usability test, Severity rating, Handoff and Dev Mode.

UX (user experience)UI (user interface)User researchInsightAffinity mapUser flowWireframeFrame (Figma)Layout guideVisual hierarchySpacing scaleTouch target (tap area)Type scaleContrast ratioStyle (Figma)Auto layoutComponentInstanceVariantPrototypeUsability testSeverity ratingHandoffDev Mode

UX Design With Figma: Design Apps People Love lists 48 official sources that were opened and checked while it was written, from 7 websites.

• help.figma.com
• figma.com
• nngroup.com
• w3.org
• developer.apple.com
• m3.material.io
• webaim.org

UX Design With Figma: Design Apps People Love costs $39 (USD) as The Codex, the full written course with its workbook and templates. Studio (narrated video lessons) and the Full Operator path are not on sale yet.

How much do courses cost?

UX Design With Figma: Design Apps People Love was prepared by Apex Flow Labs with AI assistance and checked before it was published. Every code sample, formula and command the course includes was run before it went in, the course records 20 verification checks, and it lists 48 official sources it checked. Do not take the label on trust: open the sources and run the examples yourself.

How Apex Flow Academy checks its courses

Yes for the core lessons, according to the course's own requirements list: "Nothing to buy." The list also names optional extras or costs outside the core lessons, so read it in full. Tool plans and prices change, so check each tool's current terms before you sign up.

Yes. The course lists this prerequisite: "No design or coding experience." It is listed at beginner level. It also asks for:

• Comfortable using a web browser, a mouse or trackpad, and copy and paste
• Able to talk with five people about a small everyday problem (friends of friends are fine)

No. UX Design With Figma: Design Apps People Love teaches and checks a skill, but it cannot promise an outcome. The course's own disclosure reads: "Created by Apex Flow Academy with AI assistance. For education only; not legal, tax, financial or medical advice. Results depend on your effort and circumstances."

Yes. UX Design With Figma: Design Apps People Love includes a verifiable Certificate of Completion, issued by Apex Flow Academy when you finish every lesson, resolve every quiz question with at least 50% right on the first try, and tick the capstone checklist. It has a unique ID and a public verification page. It is a completion certificate, not a degree, licence, accreditation or exam result. The Full Operator path, with a final exam and capstone review, opens later with its own separate, stronger credential.

Is there a certificate?