Design System Lessons

Discover the power of typefaces and fonts to enhance readability and evoke emotional impact

Find out what exactly UI designers are expected to create and deliver

Discover the different types of UI buttons and their use cases

Explore the various types of icons and their uses in UX design

Familiarize yourself with basic Figma terminology.

Explore UI terms that should be a non-negotiable part of your design vocabulary

Learn how to choose the most appropriate typeface for your intended message and audience

Understand the difference between HTML IDs and classes and when to use each one effectively

Explore how to harness AI for optimizing tedious design tasks

Explore techniques to establish clear relationships, enhance visual flow, and create cohesive and organized designs that effectively communicate information and engage users

Uncover how to strategically repeat design elements such as colors, shapes, patterns, and typography to establish a sense of unity, balance, and rhythm within your designs

Learn when and how to use different stroke styles and properties in Figma.

Learn how to effectively convey spatial relationships to create immersive and visually compelling 3D experiences

Explore recommendations for introducing UX culture and establishing its role within design teams

Explore collaboration and communication techniques to foster an atmosphere of trust and openness, leading to more effective team work

Explore how to leverage Figma variables to unlock design consistency and streamline workflow.

Learn how to build a unified design vocabulary that empowers seamless team collaboration and consistent product development

Learn how to create an effective design system and enhance your design process.

Evaluate and enhance design systems through systematic visual analysis techniques.

Build systematic frameworks for design audit documentation and data collection.

Master Apple's SF font system to create perfectly legible and visually balanced interfaces.

Learn what makes an efficient content design systems and how to build one that works for your product

Create clear, meaningful, and platform-consistent iconography using Apple's symbol system.

Assess and optimize design system components for consistency and scalability.

Explore essential collaboration tools that empower cross-functional teams to work efficiently and deliver outstanding results

Transform public services through strategic design implementation in government institutions

Identify when a design system is truly needed and learn how to overcome the challenges of building, maintaining, and scaling it.

Master the art of rolling out content design systems through strategic planning and proactive team training

Recognize how design systems, UI kits, and style guides work together to shape consistency, speed, and collaboration in digital products.

Build accessible experiences by starting with clear, inclusive, and easy-to-use design choices at the foundation.

Establish clear rules and shared processes that keep a design system consistent, scalable, and trusted.

Use design tokens to turn visual styles into structured, reusable rules for consistent products.

Build scalable interfaces by understanding how small, reusable parts form complete systems.

Lay the groundwork for a design system by capturing a clear, honest picture of your product’s current interface.

Define and apply elevation in a design system to create clear depth, hierarchy, and purposeful visual structure.

Build a color system that stays consistent, flexible, and ready for real product needs.

Create a predictable, scalable, and accessible typography system that supports a clear hierarchy across products.

Create predictable, balanced interfaces by applying consistent spacing and sizing rules.

Create icons that stay consistent, legible, and aligned with the visual language of your design system.