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

BUSINESS / FINANCE / BLOCKCHAIN / FINTECH

Establishing Effective Metrics: KPIs and Dashboard

DATA SCIENCE

R Programming

ARTIFICIAL INTELLIGENCE / MACHINE LEARNING / DEEP LEARNING

Artificial Intelligence Fundamentals

WEB DEVELOPMENT / DESIGN / UI/UX

Laravel Fundamentals Build Your First Web App

BIG DATA

NoSQL Database

This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.