In this module, you'll add visual flair and polish to your UI designs. Learn how to apply shadows, blurs, and neumorphic styling to elevate the depth and realism of your mockups. Through guided examples, you’ll explore how layered effects can help create a more immersive and visually engaging interface, and complete a small project to practice applying these effects consistently.

Master the building blocks of scalable design systems. This module focuses on creating reusable components, understanding the relationship between main and instance components, and organizing your design system using consistent naming conventions. You’ll also learn best practices for maintaining component libraries across projects and setting up a clean, version-safe workflow.

Take your design system skills further by creating component variants that support interactive states and form elements. You'll explore both single- and multi-dimensional variants and apply them in real interface components like buttons and forms. By the end of this module, you’ll be able to design flexible, scalable elements ready for real-world application.

Bring your designs to life with interactive prototypes. This final module teaches you how to build realistic user experiences using Figma’s prototyping tools. You'll work with Flows, overlays, modals, tooltips, and slide-in menus, combining everything you've learned to complete a polished, navigable prototype suitable for user testing or presentation.