What Apple’s Liquid Glass refresh means for app designers
Apple Liquid Glass design is a unified visual system that uses layered, glass-like surfaces, controlled refraction, and subtle depth to make icons and interface elements appear sharper, more dimensional, and more consistent across Apple platforms. At this year’s WWDC design updates, Apple revealed that all first‑party app icons now integrate additional Liquid Glass layers directly into their artwork, bringing clearer edges, more defined shapes, and richer highlights. On macOS Golden Gate, observers have noted that icons like Photos gain stronger “visual punch,” while the updated Finder icon moves closer to the classic pre‑Liquid Glass look with a refined nose and divider curve. These refinements are not cosmetic extras; they define the new baseline aesthetic for iOS 27, iPadOS 27, and macOS 27. For developers, that means any app that wants to feel native needs to respect the new layering, lighting, and badge treatments.
New iOS 27 design resources and Liquid Glass UI kits
Apple has released official iOS 27 design resources alongside matching kits for iPadOS 27 and macOS 27 Golden Gate, giving developers a single reference set for the updated Liquid Glass system. The new UI kits, currently available for Sketch, bundle light and dark mode components for buttons, headers, lists, input fields, alerts, and every system app icon. According to iClarified, “the new kits bundle light and dark mode assets for buttons, headers, lists, input fields, alerts, and every system app icon across the three platforms.” These files reveal the same multi‑layer glass effect Apple introduced with last year’s Liquid Glass rollout, but with refined highlights, shadows, and the refreshed notification badge styling seen during the keynote. Figma versions are expected, though Apple has not given a specific timeline, so teams using Figma may want to prototype with Sketch exports or older kits while they wait.
Icon refinements and macOS 27’s push for clarity
On macOS 27, Apple has taken special care to refine icons so they feel both cleaner and more legible at multiple sizes. The company says that by “integrating additional layers of Liquid Glass directly into the icon artwork itself,” icons now “appear sharper and more defined.” Side‑by‑side comparisons highlight improvements across the system, with particular praise for the Photos icon’s clarity and the subtle refraction in the glass‑like elements. The Finder icon stands out as a deliberate nod to history: its nose and central divide curve have been adjusted to move closer to the classic Finder mark from the pre‑Liquid Glass era. For developers, these tweaks signal that macOS 27 icon refinements are about more than adding gloss; they prioritize recognizability, depth, and reduced visual noise, setting a clear benchmark for third‑party icons that aim to blend with Apple’s own.
App icon templates and the new Liquid Glass badge rules
Apple has also updated its app icon templates so developers can match the new Liquid Glass layering and shading without guesswork. The iOS 27 and iPadOS 27 app icon templates now cover refined shadow and highlight layers that give icons a sharper, more dimensional appearance, while keeping the overall icon shape from previous releases. Updated templates are available for Figma, Photoshop, Illustrator, and Sketch, making it easier to integrate the new look into existing pipelines. In Apple’s design resources library, every first‑party icon is documented in Default, Dark, and Light Clear variants, along with guidance on how red notification badges should appear in the revised system. This means developers can see exactly how to treat borders, gloss, and translucency so badges stay legible without overpowering the icon below, and maintain consistency across iOS 27 design resources and macOS 27 icon refinements.
Practical steps for developers adopting Liquid Glass across platforms
The updated design resources library serves as the definitive playbook for revised Liquid Glass icons and UI across Apple’s main platforms. Developers can browse “countless buttons, arrows, dialog boxes, and more” to ensure their apps fit the iOS 27, iPadOS 27, and macOS 27 aesthetic. The library also documents the new layering effects used on icons such as Apple Maps, providing concrete examples of how to structure glass layers, highlights, and refraction. While the current assets target Sketch, Apple has historically followed with Figma libraries, so teams should plan for a staged rollout: align iconography and badges now, then refine component libraries once Figma kits arrive. Existing resources like SF Symbols, Apple Pay badges, and hardware templates remain available, but there are no visionOS 27, watchOS 27, or tvOS 27 design kits yet, so Liquid Glass alignment is currently focused on Apple’s three primary OS families.
