In this module, students begin working in
Figma, one of the most popular professional design tools.
They learn how designers create the visual interface of apps and websites. Students design screens, buttons, navigation systems, and interactive layouts while understanding how real digital products are built.
๐ถ 19 l Introduction to FigmaStudents explore the Figma interface and tools
Skills learned:
- Navigating The Figma Workspace
- Working With Frames And Layouts
- Understanding UI Design Basics
- Creating First Interface Elements
By the end of the lesson, students create their first interface screen in Figma
๐ถ 20 l Mobile App ScreenStudents design their first mobile application screen
Skills learned:
- Designing Interface Layouts
- Creating Buttons And Icons
- Organizing Screen Elements
- Working With UI Components
By the end of the lesson, students design a functional mobile app screen
๐ถ 21 l Music App InterfaceStudents design a music player interface
Skills learned:
- Designing Interactive Controls
- Creating Media Player Layouts
- Working With Icons And Buttons
- Building Consistent Interface Style
By the end of the lesson, students design a music player interface
๐ถ 22 l Game MenusStudents design an interface for a game
Skills learned:
- Designing Game Menus
- Creating Navigation Buttons
- Organizing Interface Elements
- Improving User Interaction Design
By the end of the lesson, students complete a game interface design
๐ถ 23 l Navigation SystemStudents design how users move between screens
Skills learned:
- Creating Screen Navigation
- Designing User Flow
- Planning App Structure
- Building Clear Interface Logic
By the end of the lesson, students create a navigation system for an app
๐ถ 24 l Profile Page UIStudents design a profile page interface
Skills learned:
- Organizing User Information
- Designing Profile Layouts
- Balancing Visual Elements
- Improving Interface Clarity
By the end of the lesson, students design a user profile screen
๐ถ 25 l Social App InterfaceStudents design a mini social media interface
Skills learned:
- Designing Content Feeds
- Creating Interface Components
- Maintaining Visual Consistency
- Improving UI Layout Design
By the end of the lesson, students design a simple social media interface
๐ถ 26 l Design SystemStudents create reusable design components
Skills learned:
- Creating UI Components
- Building Design Libraries
- Maintaining Visual Consistency
- Understanding Professional Design Workflow
By the end of the lesson, students build a small design system
๐ถ 27 l App PrototypeStudents create an interactive app prototype
Skills learned:
- Linking Screens Together
- Creating Interactive Prototypes
- Testing User Experience
- Simulating Real App Interaction
By the end of the lesson, students create a working app prototype