Xcode Previews with UIKit and AppKit in Xcode 15

In the past (before Xcode 15), there was no easy way to use Xcode Previews for non-SwiftUI components.

If you want to preview your UIView or UIViewController, you need to wrap it as SwiftUI view with UIViewRepresentable or UIViewControllerRepresentable.

In Xcode 15, we can easily create previews with new and more concise syntax using the #Preview macro.

This new syntax support previewing for a wide range of view:

• SwiftUI
• UIKit (UIView and UIViewController)
• AppKit (NSView and NSViewController)
• Widget timeline providers
• Timeline entries
• Live activities

You can easily support sarunw.com by checking out this sponsor.

Tiny OCR: Extract text from image directly from your mac.

Try it for Free

How to preview UIKit and AppKit in Xcode 15

To preview any view with the new #Preview macro, we just put the view you want to preview inside the macro.

#Preview {
    Button("SwiftUI") {}
}

#Preview {
    let button = UIButton(type: .system)
    button.setTitle("UIKit", for: .normal)
    
    return button
}

#Preview {
    let button = NSButton(title: "AppKit", target: nil, action: nil)
    
    return button
}