Figma Fundamentals: Design a Learning App
Design a course discovery screen with reusable components and a clickable prototype.
2 min of content4 lessonsBeginnerEnglishUpdated Oct 2026
- Certificate
Created by EvalenceAI Demo Studio · Practical learning paths for testing
What you'll learn
- Create frames and reusable components
- Use auto layout for consistent spacing
- Prototype a discovery-to-detail interaction
Curriculum
1 section · 4 lessons · 2 min
Learn, practice, and build4 lessons · 2 min
- Figma: guided video tutorial, ArticlePreview Figma: guided video tutorial1 min
- Study notes and worked starter, Article1 min
- Practice project and self-check, Article1 min
- Download the practice workbook, Downloadable resource
Requirements and who it's for
- A computer with internet access
- Self-paced learners
- Students testing the EvalenceAI learning experience
Description
Figma Fundamentals: Design a Learning App
Design a course discovery screen with reusable components and a clickable prototype.
Work through the tutorial at your own pace, review the study notes, then complete the practice project using the downloadable workbook. The workbook includes starter material and a checklist for reviewing your result.
What you will learn
- Create frames and reusable components
- Use auto layout for consistent spacing
- Prototype a discovery-to-detail interaction
Your project
- Create the two frames from the brief.
- Turn the course card into a component and create three instances.
- Connect a card to the detail screen and add a back interaction.
Tutorial: Figma Course - Web Design Tutorial for Beginners by freeCodeCamp.org. Videos remain freely available on YouTube and belong to their creators. This is an independent demo learning path; listed prices are test fixtures.
Instructor
EvalenceAI Demo Studio
Practical learning paths for testing · 10 courses · 0 students
Original exercises paired with credited public tutorials. Demo prices are for testing the learning and checkout experience.
Reviews
No reviews yet.