Learn here. Do your work in Figma. Check it before moving on.
What you will learn.
Use the three lesson tabs to do an assignment, find your saved work, and check one result.
Before you begin.
No earlier lesson is required. Open Figma Design and keep this lesson beside it.
Learn the concept.
01
Learn
Read or watch the lesson. Write down genuine questions in Figma.
02
Practice
Complete the assignment in Figma. Keep your first version.
03
Check your work
Review the result. Fix a real issue if you find one, then check again.
Use the same routine for each lesson.
01Learn
Read or watch the lesson. Save questions you genuinely have on your Questions page in Figma.
02Practice
Do the assignment in Figma. Keep your first version.
03Check your work
Compare your result with the checklist. Fix a real issue if you find one, then check it again.
Start with the basics.
Spot what helps people use a design. Practice making clear design choices.
Words to know
Typography
Choosing and arranging text.
Example: A larger heading helps you find the topic.
Type arranged for reading
Layout
Where words, pictures, and buttons sit on a page.
Example: Put a recipe picture above its ingredients.
Parts arranged together
Research
Finding out what people need before deciding what to make.
Example: Ask someone how they choose a recipe.
Investigate a question
UX · User experience
How someone uses a product to do what they came to do.
Example: Find a recipe, check its ingredients, then follow the steps.
A person’s path through a task
UI · User interface
The words, pictures, buttons, and controls on a screen.
Example: A Start cooking button on a recipe page.
Visible screen controls
PrototypePractice model
A practice version with example screens connected so someone can tap through them. It is not a finished app.
Example: Tap a recipe, then open its cooking instructions.
Click through screens before an app is built.
The idea in practice
See a worked example.
Using the supplied recipe-app picture as a teaching example, the five answers could read like this. They describe a design; they do not build a prototype.
App name
Recipe app concept (the supplied teaching image).
User goal
Find a recipe and follow its cooking steps.
Visible choice
The cutting-step screen pairs a picture with written instructions and a speaker control.
What a control does
The speaker symbol suggests an audio option. The screenshot does not prove it plays, so I would check the working version.
Simple prototype description
I would connect the recipe list, ingredients, and cooking-step screens so someone could try moving through a recipe. I would only write this description now.
Open “Look at design every day” in Practice to see the separate three-question analysis of one reference.
