Designing Interfaces with Figma
Grade Adult · Computer Science · 47 min
What's Included
Learning Objective
I can create a basic user interface using Figma.
Warm-Up Video
Aliena Cai · 8:41
Figma UX tutorial for beginners - Wireframe
Guided Notes
3 key concepts
- 1
A wireframe is a digital outline of a design, representing the big picture of an idea.
- 2
In Figma, you can use the text tool and rectangle tool to create wireframes of user interfaces.
- 3
Instead of using lorem ipsum text, use realistic text to make your wireframe more understandable.
Practice Questions
9 questions · Multiple choice & Short answer
Exit Ticket
Quick comprehension check
“Using Figma, create a basic wireframe of a simple mobile app screen containing a title (using the text tool), a main image (represented by a rectangle), and a button (represented by another rectangle).”
Teacher Guide
Get the complete package:
- Answer keys for all questions
- Differentiation strategies
- Extension activities
- Printable student handouts
