Apple cooked so hard in their visionOS Figma file, here are some cool details:
1ļøā£ Segmented Control edge effect uses a gradient stroke? Nope, thatās 4 Inner Shadows baby
2ļøā£ Hover effect columnar mask with TWO radial gradient fills using COLOR DODGE blend mode š„
3ļøā£ Search field = 3 color fills (50% grey Color Burn, 10% black Luminosity, 18% blue tint) all below the blurry colors layer which is an image in the Figma file, but dynamically rendered live on device.
4ļøā£ Button label text fill uses a 25% white fill with Lighten blend mode below a medium grey fill set to Color Dodge. Feels like they couldāve just used Soft Light or Overlay and not needed both fills?
ALT Screenshot of visionOS segmented control buttons from their Figma file
ALT Screenshot of visionOS time picker and the way it was built using Figma
ALT Screenshot of visionOS button labels