How should I update my app to use the new liquid glass design in SwiftUI?

Asked on 2025-06-11

1 search

To update your app to use the new Liquid Glass design in SwiftUI, you can follow these steps:

  1. Recompile Your App: Start by recompiling your app with Xcode 26. This will automatically apply the new design to standard controls and views without any code changes. For example, if your app uses TabView or NavigationSplitView, these will automatically adopt the new Liquid Glass design.

  2. Audit and Refine: Review your app's UI to identify areas that might need adjustments. Pay special attention to background colors behind sheets and toolbars, as these can often be removed to better integrate with the new design.

  3. Use New APIs: Utilize the new APIs to customize the Liquid Glass effects in your app. For instance, you can use the GlassEffect modifier to apply Liquid Glass to custom views. This is particularly useful for elements that you want to highlight or make stand out.

  4. Adopt Liquid Glass Effects: For custom UI elements, you can create a GlassEffect container to group elements and apply transitions. This can be done by declaring a local namespace and associating it with the elements you want to include in the glass effect.

  5. Test and Iterate: After applying these changes, test your app to ensure that the new design integrates well with your existing UI and provides a seamless user experience.

For a detailed walkthrough on implementing these changes, you can refer to the session Build a SwiftUI app with the new design (17:57) which covers Liquid Glass effects in depth.

How should I update my app to use the new liquid glass design in SwiftUI? | Ask WWDC