Curriculum
- 12 Sections
- 49 Lessons
- 10 Weeks
Expand all sectionsCollapse all sections
- Introduction to UI/UX Design and FigmaUnderstand the fundamentals of UI/UX design and learn how Figma fits into the modern digital design process. This module introduces the design workflow and gives students a clear foundation before they begin creating interfaces.4
- Mastering the Figma Interface and WorkspaceBecome comfortable navigating Figma and understand the essential parts of the workspace. Students learn how to organize projects, navigate the canvas, work with layers, and use essential productivity features.5
- 2.1Figma Interface Explained for Beginners (Everything You Need to Know)8 Minutes
- 2.2Figma Canvas Explained – Pages, Layers & Movement for Beginners7 Minutes
- 2.3Figma Navigation Tips Every Beginner Must Know8 Minutes
- 2.4Figma Shortcuts Every Beginner Must Know (Work 10x Faster)4 Minutes
- 2.5Figma Collaboration & Comments Explained for Beginners3 Minutes
- Essential Figma Tools and Design FundamentalsLearn the core tools used to create digital interfaces and understand the fundamental principles behind professional visual design. Students begin creating shapes, vectors, text, colors, and basic visual elements.6
- 3.1Figma Shape Tools Explained for Beginners (Design Faster Instantly)11 Minutes
- 3.2Figma Pen Tool Explained for Beginners (Master Vector Design Fast)6 Minutes
- 3.3Figma Typography Tutorial for Beginners (Text Tool Masterclass)5 Minutes
- 3.4Figma Colors & Color Picker Explained for Beginners11 Minutes
- 3.5Figma Effects & Shadows Explained for Beginners4 Minutes
- 3.6Figma Alignment & Positioning Explained for Beginners3 Minutes
- Layout, Structure, and Advanced Figma FeaturesLearn how to create organized, scalable, and consistent designs using Figma's layout and productivity features. This module introduces grids, variables, reusable assets, libraries, plugins, and other tools that improve design efficiency.6
- 4.1Figma Frames, Sections & Slice Explained (Beginner Tutorial)13 Minutes
- 4.2Figma Layout Grids Explained for Beginners (Design Perfect UI Layouts)5 Minutes
- 4.3Figma Variables: Stop Wasting Time & Design Faster!8 Minutes
- 4.4Figma Assets & Libraries Explained for Beginners6 Minutes
- 4.5Figma Plugins Explained for Beginners (Design Faster Instantly)8 Minutes
- 4.6Explore the Figma Community Like a Pro (Free UI Kits, Plugins & Templates)4 Minutes
- Wireframing and Early UX DesignLearn how to plan digital products before applying detailed visual styling. Students discover how to transform ideas into structured layouts using paper sketches, FigJam, and low-fidelity wireframes for websites and mobile applications.4
- 5.1Wireframing & FigJam Explained for Beginners (Figma UI/UX Basics)13 Minutes
- 5.2How to Create Paper Wireframes for UI/UX Design (Beginner Guide)7 Minutes
- 5.3Design a Website Wireframe in Figma (Beginner UI/UX Tutorial)13 Minutes
- 5.4Design a Mobile App Wireframe in Figma (Beginner UI/UX Tutorial)13 Minutes
- Visual UI Design FundamentalsTransform basic wireframes into visually appealing user interfaces. This module focuses on visual hierarchy, design consistency, UI guidelines, design systems, and the principles needed to create modern and usable interfaces.3
- Designing Modern Website InterfacesLearn how to design the essential sections and pages of a modern website. Students progressively build professional website layouts, learning how to structure navigation, hero sections, content sections, service pages, blogs, about pages, and footers.7
- 7.1How to Design Modern Navigation Bars in Figma (Beginner UI Tutorial)21 Minutes
- 7.2How to Design Stunning Hero Sections in Figma (Beginner UI Tutorial)17 Minutes
- 7.3Design Modern Website Sections in Figma (Beginner UI Tutorial)26 Minutes
- 7.4Design a Modern Service Page in Figma (Beginner UI Tutorial)35 Minutes
- 7.5Design a Modern Blog Page with AI & Figma (Beginner UI Tutorial)29 Minutes
- 7.6Design a Modern About Us Page in Figma (Beginner UI Tutorial)37 Minutes
- 7.7How to Design Modern Website Footers in Figma23 Minutes
- Designing Mobile App InterfacesLearn how to translate UX principles and visual design skills into modern mobile application interfaces. Students design key screens and navigation systems while developing a complete mobile app experience.5
- 8.1Design a Lo-Fi Mobile App with AI & Figma (Beginner UI/UX Tutorial)11 Minutes
- 8.2How to Design a Stunning Splash Screen in Figma (Beginner UI Tutorial)13 Minutes
- 8.3How to Design a Modern Sign In Page in Figma (Beginner UI Tutorial)21 Minutes
- 8.4Design a Stunning Mobile App Homepage in Figma24 Minutes
- 8.5Design Modern App Navigation Components in Figma11 Minutes
- Responsive Design and Cross-Platform AdaptationLearn how to adapt existing website experiences into mobile app interfaces while considering responsive design, screen sizes, layouts, and platform-specific user experiences.3
- Prototyping and Interactive DesignBring static designs to life by creating interactive prototypes. Students learn how to connect screens, simulate user journeys, and build clickable website and mobile app experiences for testing and presentation.3
- Developer Handoff and Exporting DesignsLearn how to prepare and deliver finished designs for development and collaboration. This module covers exporting assets, using Dev Mode, and understanding the workflow between designers and developers.2
- Practical Projects and Continuous Design PracticeApply the skills learned throughout the course by working on real-world design challenges. Students develop practical experience, strengthen their design thinking, and build a portfolio of UI/UX projects.1
