BitWithBite
UI/UX Worksheet
🎨 Figma Plugins
SCORE___ / 20
NameClassDate
After this worksheet you can
Name key pluginsMatch plugin to taskExplain naming conventionsExplain the Quick Actions menu📚 Quick Recap
🎯 What you'll practice: Must-have plugins and workflow habits for speed.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1Unsplash provides:
2Content Reel is used for:
3Stark is primarily for:
4Iconify is used to find:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Figmotion is used for motion/ prototyping.
6The Quick Actions menu is opened with Cmd/Ctrl+.
7Why does consistent layer naming matter for Smart Animate?
8Why keep a personal component library file?
9Which plugin would you use to fill a mockup with realistic user names quickly?
🚀 Section C · Challenge ● CHALLENGE 5
10You're building a social feed mockup and need photos, placeholder names, and an accessibility check before shipping. List which plugin handles each need.
💭 Reflection — the most useful thing I learned:
A ___/4 B ___/11 C ___/5 Total ___/20
Teacher's Signature
Parent's Signature
✂ answer key — fold or cut before handing out
1-B 2-B 3-B 4-B | 5 = animation 6 = / 7 = Because Smart Animate matches layers between frames by their name; inconsistent names break the animation link 8 = To avoid rebuilding common patterns from scratch on every new project 9 = Content Reel | 10 = Photos: Unsplash; placeholder names: Content Reel; accessibility check: Stark.