Skip to content

SwiftUI

Design to SwiftUI code

Design the screen on the One Redesign canvas, then export it. Every view comes out placed with `.position(x:, y:)` computed from the coordinates you drew, so the layout is not re-derived on the way to Xcode. SwiftUI is a target several design-to-code tools skip, though not all of them, so it is worth checking your shortlist if native iOS is in scope.

What does the SwiftUI output look like?

This is the actual export, unedited.

Why does it match the design exactly?

  • Coordinate-exact placement

    every view is positioned with `.position(x:, y:)` computed from the design's exact x/y/w/h, matching the canvas to the pixel.

  • Angle-accurate gradients

    gradient fills export as a `LinearGradient` in `.fill(...)`, with start and end `UnitPoint`s computed from the same angle you set on the canvas, not a fixed diagonal.

  • Multiline fields that actually grow

    a multiline field renders as a `TextEditor` that measures its own wrapped text live and grows to fit, pushing later elements down, instead of a fixed frame that clips overflow text.

  • Scrolls to the true bottom

    the screen wraps in a `ScrollView` sized to the full canvas/content height, including any live multiline growth, whenever content exceeds the device.

Does the SwiftUI output compile?

Yes. Generated SwiftUI is checked against the real iOS SDK with `swiftc -typecheck` by a dedicated verification suite we run against the real toolchain, so what you export builds rather than merely looking plausible.

Is the SwiftUI output responsive?

No. iPhone and iPad are two screens here, not one layout with size classes. That is a real constraint and worth knowing before you commit.

Do I own the exported SwiftUI code?

Yes. Plain SwiftUI, straight into Xcode. No package to add, no dependency on us.

See all four platforms

Try it with SwiftUI

The demo opens on the SwiftUI tab. Edit the canvas and watch the code change.