implementation of figma's background blur

FigmaBackgroundBlur.swift

import SwiftUI

struct VisualEffectView: UIViewRepresentable {
    let visualEffectViewConfiguration: (UIVisualEffectView) -> Void

    init(
        visualEffectViewConfiguration: @escaping (UIVisualEffectView) -> Void = { _ in }
    ) {
        self.visualEffectViewConfiguration = visualEffectViewConfiguration
    }

    public func makeUIView(context: Context) -> UIVisualEffectView {
        let visualEffectView = UIVisualEffectView()
        visualEffectViewConfiguration(visualEffectView)
        return visualEffectView
    }

    func updateUIView(_ uiView: UIVisualEffectView, context: Context) { }
}

struct BackgroundBlurView: View {
    let radius: CGFloat
    let tintColor: Color?

    init(radius: CGFloat, tintColor: Color? = nil) {
        self.radius = radius
        self.tintColor = tintColor
    }

    var body: some View {
        VisualEffectView {
            $0.effect = UIBlurEffect()
            $0.backgroundColor = tintColor.map(UIColor.init(_:))
        }
        // NOTE: don't know why but it looks like
        .blur(radius: radius / 2, opaque: true)
    }
}

#Preview {
    Image(systemName: "dog")
        .resizable()
        .scaledToFit()
        .frame(width: 100, height: 100)
        .overlay {
            BackgroundBlurView(radius: 20)
        }
}