SwiftUI missing components

[simar7]

Hi all,

I'm just getting my feet wet with SwiftUI and Figma and decided to give this a a shot. I'm trying to test the plugin with this example: https://www.figmaresources.com/resources/figma-food-delivery-app-ui

I'm not sure what I'm doing wrong as the layout seems to be all messed up with missing resources.

The generated FigmaToCode was as follows for the first pane:

ZStack {
    HStack(alignment: .top, spacing: 162) {
            ZStack {
                    Ellipse()
                    .fill(Color(red: 0.80, green: 1, blue: 0.71))
                    .offset(x: -410, y: -565)
                    .frame(width: 63, height: 63)
                    .shadow(radius: 25, y: 4)

                    RoundedRectangle(cornerRadius: 8)
                    .fill(Color(red: 0.55, green: 0.20, blue: 1))
                    .offset(x: -410.11, y: -565.33)
                    .frame(width: 23.16, height: 25.95)
            }
            .frame(width: 63, height: 63)

            Rectangle()
            .fill(Color(red: 0.77, green: 0.77, blue: 0.77))
            .frame(width: 100, height: 100)
    }
    .padding(.leading, 215)
    .padding(.trailing, 492)
    .padding(.top, 237)
    .padding(.bottom, 599)
    .offset(x: 114, y: -211.10)
    .frame(width: 1032, height: 975.80)
    .background(Color(red: 0.50, green: 0.23, blue: 0.27, opacity: 0.50))
    .cornerRadius(8)

    VStack(spacing: 32.25) {
        ZStack {
            Ellipse()
            .fill(Color.white)
            .offset(x: -157, y: 248)
            .frame(width: 104, height: 104)

            RoundedRectangle(cornerRadius: 8)
            .fill(Color(red: 0.50, green: 0.23, blue: 0.27, opacity: 0.50))
            .offset(x: -157, y: 248)
            .frame(width: 40, height: 40)
        }
        .frame(width: 104, height: 104)

        Text("Non-Contact Deliveries")
        .fontWeight(.bold)
        .font(.largeTitle)
        .multilineTextAlignment(.center)
        .frame(width: 326, height: 80)
        .lineSpacing(41)

        Text("When placing an order, select the option “Contactless delivery” and the courier will leave your order at the door.\n")
        .font(.body)
        .multilineTextAlignment(.center)
        .frame(width: 374, height: 79, alignment: .top)
        .lineSpacing(25.50)

        Text("ORDER NOW")
        .fontWeight(.semibold)
        .font(.subheadline)
        .multilineTextAlignment(.center)
        .frame(width: 260.79, height: 24)
        .lineSpacing(18)
        .padding(.horizontal, 57)
        .padding(.vertical, 16)
        .frame(width: 374, height: 56)
        .background(Color(red: 0.04, green: 0.81, blue: 0.51))
        .cornerRadius(8)

        Text("DISMISS")
        .fontWeight(.semibold)
        .font(.subheadline)
        .lineSpacing(18)
        .frame(width: 64, height: 18)
    }
    .padding(.leading, 20)
    .padding(.trailing, 19)
    .padding(.top, 64)
    .padding(.bottom, 54)
    .frame(width: 414, height: 584)
    .background(Color(red: 0.96, green: 0.96, blue: 0.96))
    .cornerRadius(8)
    .offset(x: 0, y: 156)
    .frame(width: 414, height: 584)
}
.frame(width: 414, height: 896)
.background(Color(red: 0.64, green: 0.35, blue: 1))

And it comes out like this:

The entire ContentView.swift file for reference: https://gist.github.com/simar7/13856bb1a43e96dd66d579d8ba0023f3

Any ideas?