Figma 102: Intermediate Level – Design Systems and Smart Prototyping

Inquire now

Duration 3 days – 21 hrs

 

Overview

 

This intermediate-level course deepens participants’ design and collaboration skills in Figma by introducing design systems, auto layout, interactive components, and advanced prototyping. The training focuses on creating scalable, consistent designs suitable for professional UI/UX workflows and team collaboration.

 

Objectives

 

  • Apply advanced Figma tools for efficiency and precision.
  • Build and maintain a design system using components and variants.
  • Use Auto Layout for responsive design.
  • Create advanced interactive prototypes with conditional logic and animations.
  • Collaborate effectively across teams using libraries and shared components.
  • Export design assets for development handoff.

 

Audience

  • Designers who completed Figma 101 or have basic Figma experience.
  • UI/UX professionals seeking to improve design workflow efficiency.
  • Product designers and developers collaborating on digital design systems.

 

Prerequisites

  • Completion of Figma 101 or equivalent experience.
  • Familiarity with basic UI elements and prototyping.

 

Course Content

 

Module 1: Review of Figma Fundamentals

 

  • Key concepts recap
  • Tips for efficient design workflow

 

Module 2: Advanced Components and Variants

 

  • Creating multi-state components
  • Using variants for scalable design
  • Nested components and overrides

 

Module 3: Auto Layout Mastery

 

  • Designing responsive layouts
  • Constraints and resizing behavior
  • Building flexible design templates

 

Module 4: Building a Design System

 

  • Defining color, typography, and spacing tokens
  • Organizing components into libraries
  • Maintaining consistency and version control

 

Module 5: Advanced Prototyping

 

  • Interactive components
  • Smart animations and micro-interactions
  • Conditional logic and user flows

 

Module 6: Collaboration and Developer Handoff

 

  • Using Figma Teams and Shared Libraries
  • Commenting, versioning, and branching
  • Exporting assets and specs for development

 

Module 7: Capstone Project

 

  • Create a fully interactive design system and prototype for a web or mobile app
  • Peer review and presentation

 

Inquire now

Best selling courses

Duration   3 days – 21 hrs   Overview    This course focuses on the unique risks faced during the setup and construction of bank branches in the Philippines. Participants will learn how to identify, assess, and mitigate risks that could impact construction timelines, security, financial performance, and operational stability. The course covers security measures...

PROGRAMMING / CODING

Advanced Programming in C#

Advanced Programming in C# equips developers with the advanced skills needed to build scalable, secure, and high-performance .NET applications using object-oriented programming, LINQ, asynchronous programming, delegates, events, and modern software development best practices.   Duration 3 days – 21 hrs   Overview The Advanced Programming in C# Training Course is designed for experienced C# developers...

PROGRAMMING / CODING

PHP 8 Web Security

PHP 8 Web Security training helps developers and IT professionals build safer web applications by identifying and preventing common security vulnerabilities. Participants will learn practical techniques for protecting PHP applications against XSS, SQL injection, CSRF, session attacks, and other threats while applying secure coding and web security best practices.   Duration 5 days – 35...

BUSINESS INTELLIGENCE

Power BI Basic

Duration 3 days – 21 hrs   Overview This training course is designed to introduce participants to the fundamentals of Power BI, a powerful business analytics tool by Microsoft. Attendees will learn how to connect, analyze, and visualize data using Power BI. The course covers essential concepts and hands-on exercises to help participants create interactive...

Duration  5 days – 35 hrs   Overview   This training course offers a comprehensive exploration of methods used in solutions analysis and design, focusing on techniques, tools, and best practices employed in the software development lifecycle. Participants will gain a deep understanding of various analysis and design methodologies and learn how to apply them...

Duration  5 days – 35 hrs   Overview   The “Active Directory and Group Policy” training course is designed to provide participants with a comprehensive understanding of Microsoft Active Directory (AD) and Group Policy concepts. Active Directory serves as the backbone for centralized network management in Windows environments, while Group Policy enables administrators to efficiently...

This workshop is aimed at imparting the required knowledge required to build Rich Internet Applications (RIA) using React.js.

MOBILE DEVELOPMENT / GAMING / METAVERSE / VR - AR

.NET MAUI

.NET MAUI equips developers with the knowledge and practical skills to build native cross-platform applications for Android, iOS, Windows, and macOS using C#, XAML, MVVM, and the .NET platform.   Duration  3 days – 21 hrs   Overview .NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps...

// BG EARTH WHEN NOT PLAYING

We use cookies on our website to personalize your experience by storing your preferences and recognizing repeat visits. By clicking “Accept”, you agree to the use of all cookies. You can also select “Cookie Settings” to adjust your preferences and provide more specific consent. Cookie Policy