What Liquid Glass Is and Why This Update Matters
The Liquid Glass design system is Apple’s unified visual language that blends layered translucency, soft depth, and refined lighting to give app interfaces and icons a sharper, more dimensional and glass-like appearance across iOS, iPadOS, and macOS. At this WWDC, Apple focused on a systematic refinement of that language rather than a full redesign, tightening how Liquid Glass appears at the icon level and throughout core UI components. MacStories notes that Apple has “integrated additional layers of Liquid Glass directly into the icon artwork itself,” which makes icons appear “sharper and more defined” on macOS Golden Gate and beyond. This aligns the design system with the clarity improvements Apple began last year, but now extends them across every first‑party app icon and the shared UI kits developers rely on.
Apple Icon Refinements: Sharper Layers, Classic Touches
Apple icon refinements are the most visible outcome of the Liquid Glass update. First‑party icons on macOS 27 Golden Gate now contain extra Liquid Glass layers baked into the artwork, boosting clarity and legibility at common dock and launcher sizes. MacStories highlights that icons such as Photos have gained “a real visual punch,” with their glass-like refraction effects clearer than before. The Finder icon stands out as a subtle nod to history: its nose and dividing curve were tweaked to align more closely with the classic pre–Liquid Glass Finder, softening the transition for long‑time users. Many of these refreshed icons carry over to iOS and iPadOS as part of the unified design system, so developers who align their assets with the new templates will inherit the same sharper, more defined aesthetic across platforms.
New iOS 27, iPadOS 27, and macOS 27 Design Resources
Apple has released official iOS 27 design resources, iPadOS 27 files, and a macOS 27 UI kit through the Apple Design Resources portal, giving developers ready‑made UI elements that match the refined Liquid Glass look. According to iClarified, the current packages ship as Sketch libraries, with Figma versions expected later based on last year’s release pattern. The kits bundle light and dark mode assets for buttons, headers, lists, input fields, alerts, and every system app icon, including the updated multi‑layer glass effect and refreshed notification badge styling. Separate app icon templates for iOS 27 and iPadOS 27 are available for Figma, Photoshop, Illustrator, and Sketch, preserving last year’s icon shape while updating shadow and highlight layers. Developers also retain access to older OS UI kits, SF Symbols 7, Apple Pay badges, and hardware frames, making cross‑version support easier to manage.
Inside Apple’s Updated Liquid Glass Design Specs
All the Liquid Glass design fixes are documented in Apple’s updated resources library, which details the revised icon and UI treatments developers are expected to follow. AppleInsider notes that developers can “see and use countless buttons, arrows, dialog boxes, and more, so that their apps fit iOS 27 and more.” The library includes Default, Dark, and Light Clear variants of every Apple app icon, plus the new red notification badge styling and the layering approach seen on the Apple Maps icon. These resources are currently available as a Sketch library, with previous cycles suggesting a Figma set will arrive later. Alongside the Liquid Glass assets, the portal still hosts tools for visionOS parallax images, hardware templates from Apple Watch to iPhone, multiple Apple fonts, and the full SF Symbols catalog, helping developers maintain visual consistency across the entire ecosystem.
Practical Implementation Tips for Developers
For developers, this Liquid Glass update is about careful alignment, not redesigning everything from scratch. Start by downloading the latest macOS 27 UI kit and iOS 27 design resources in Sketch, then map your existing components to Apple’s updated buttons, lists, and dialogs to close any visual gaps. Next, replace custom app icons with the new developer design templates for iOS 27 and iPadOS 27, paying close attention to the refined shadow and highlight layers that give icons sharper depth. Use the Default, Dark, and Light Clear icon variants as references for how layered glass, color, and refraction should behave in your own artwork. Finally, standardize notification badges and symbols using the provided badge specs and SF Symbols 7, so your app feels native alongside Apple’s newly polished first‑party icons.
