AUTO-LAYOUT 5.0 • DESIGN TO CODE
Figma UI/UX & Design Systems Masterclass
Master Figma auto-layout, token-based design systems, responsive web layouts, interactive micro-animations, and client design presentations.
Figma Config 2026
Tokens Studio
Framer Motion
FigJam Ideation
DESIGN PROPERTIES
Auto-Layout 5.0
Gap: 24px • Wrap: Active
Variables & Tokens
Color Modes (Dark / Light)
Developer Handoff
CSS / React Export Ready
DESIGN SYSTEM POSTERS & UI SHOWCASE
Course Artwork & Design Assets
DESIGN SYSTEM LEADS
Led By Staff UX Architects
Ms. Priya Sundaram
Principal Product Designer • Fintech Unicorn
Built design systems used by over 5M+ active users across mobile and web.
Figma Day Curriculum
10:00 AM
Figma Auto-Layout & Variables Deep Dive
Master auto-layout 5.0, min/max constraints, and variable color/typography tokens.
12:00 PM
Building Scalable Component Libraries
Variants, component properties, slot architecture, and interactive states.
01:00 PM
Lunch & Design Critique
Buffet lunch included.
02:00 PM
High-Fidelity Prototyping & Smart Animate
Complex animations, modal transitions, and micro-interactions.
04:30 PM
Developer Handoff & Portfolio Review
Dev mode, design tokens export, and pitching designs to stakeholders.
DESIGN STUDIO VENUE
Design Studio Lab, Indiranagar
100 Feet Road, HAL 2nd Stage, Indiranagar, Bangalore 560038
Open Navigation on Google Maps