461: Config and WWDC 2023

What It Covers

Brian Levin and Marshall Vak review Figma Config 2023 and Apple WWDC 2023 announcements after hands-on testing. They examine Figma's new variables system, auto layout improvements, and dev mode, then analyze Apple's Vision Pro spatial computing headset, iOS 17 features, AirPods Pro updates, and cross-platform design language evolution across Apple's ecosystem.

Key Questions Answered

• •Figma Variables Implementation: Variables enable semantic color pairing where designers build light mode components once, then switch entire canvas pages to dark mode with two clicks. The system supports four data types—color, number, Boolean, and string—with scope controls that restrict variables to specific uses like strokes-only or fills-only, eliminating duplicate dark mode component creation and reducing design system maintenance overhead significantly.
• •Auto Layout Wrapping and Min-Max Values: Horizontal wrapping functionality combined with minimum and maximum height-width constraints enables responsive components that adapt intelligently across screen sizes. Components can now automatically reflow content and potentially trigger breakpoint-based variants, moving closer to true responsive design handoff without requiring separate mobile, tablet, and desktop component versions in design systems.
• •Dev Mode Handoff Optimization: The new dev mode toggle provides engineers with a simplified interface showing only production-ready designs marked by designers. Right-click marking frames as ready for development filters out exploratory work and iterations, reducing confusion during implementation. Enhanced inspect tools with better integrations streamline the designer-to-engineer workflow by creating opt-in visibility rather than exposing cluttered working files.
• •Vision Pro Tap Target Sizing: Apple establishes 60x60 point minimum tap targets for eye-tracking input, adding eight points of padding around the standard 44x44 finger target. Windows scale proportionally when moved in three-dimensional space to maintain consistent visual angles and tap target sizes regardless of distance, prioritizing accessibility over realistic spatial behavior and acknowledging eyes as less precise input than fingers or cursors.
• •AirPods Pro Adaptive Audio Trinity: Three features work together—adaptive transparency selectively noise-cancels loud sounds like jackhammers while preserving speech, personalized volume automatically adjusts levels based on environmental noise, and conversation awareness ducks audio when the wearer speaks then restores volume when conversation ends. The system differentiates content types, pausing audiobooks completely while ducking music to background levels during conversations.
• •Apple Design Language Migration: Design patterns propagate across platforms in annual waves rather than simultaneous updates. iOS 17's contextual menus with nested submenus now appear in tvOS, replacing full-screen blurred overlays with anchored menus that maintain spatial context. The mini player in Apple Music adopts inset rounded corners with gradient blurs at tab bar boundaries, demonstrating platform-specific adaptations of shared design systems.