SwiftUI Visual Builder
Build SwiftUI interfaces visually, then work with the code.
Create SwiftUI interfaces using a visual workflow while keeping the generated Swift implementation available in your project workspace.
What is the SwiftUI Visual Builder in SwiftBuilder?
The SwiftUI Visual Builder in SwiftBuilder is a visual interface-building workflow that helps developers compose SwiftUI interfaces while keeping the generated SwiftUI implementation available for inspection and further editing in the project workspace.
Visual editing
Compose your interface visually.
Work with SwiftUI components and structure your interface without losing access to the underlying implementation.
SwiftUI code
Keep the generated implementation visible.
The visual representation stays connected to the SwiftUI source so you can inspect and continue editing the generated code.
struct ContentView: View {
var body: some View {
VStack {
Text("Expenses")
List(expenses) { expense in
ExpenseRow(expense: expense)
}
}
}
}Preview
Continue from the builder to Live Preview.
Once the interface is ready, the project can move through compilation and into the SwiftUI preview workflow.
Expenses
Build your next SwiftUI interface.
Start with a project, work visually, inspect the code, and preview the result.
Start building