This is the first post in this blog. I’ll explain what type of UI can LayoutCode create and how it benefits iOS app development. 

How to create UI for iOS Development.

For native iOS development, you can use Swift, SwiftUI or objective c languages to create UI. All have their own advantages but we’ll be discussing using Swift to create UI because that is what LayoutCode does which is generate Swift code from the UI.

To create a fully functional app UI, you can create it by using storyboard with coding, or by writing the code fully in Swift.  Now, you can also create app UI using LayoutCode. Using LayoutCode can decrease development time for creating UI tremendously as you can update and iterate designs directly. This also reduces guessing or trial and error when creating UI by coding manually.

Is it possible to create a complex UI using LayoutCode?

In iOS 13, Apple has introduced UICollectionView compositional layout which lets you create highly adaptive and flexible visual arrangements. However the downside is you can only use it by writing code. LayoutCode has implemented the feature in the app so you can visually use it without coding. By using combination with other features, it is possible to create a complex UI.

What UI can LayoutCode create?

LayoutCode can create UI with collection view compositional layout. Example of design that uses compositional layouts are shown below (screenshots taken from real apps). Using combination of collection view, custom view and other features, these design can be replicated almost similar from the real app.

Various designs with collection view compositional layout

Additionally, LayoutCode can create custom view. Custom view contains multiple subviews that together create a complete view. Example of custom view are shown below (screenshots taken from real apps).

Designs that can be replicated using LayoutCode custom view

Both collection view and custom view together with other view components, LayoutCode can generates complete code including variables, cell view classes files, datasource class file, and other related classes. This means that a developer can just use them directly without any extra coding.

In our next blog post, we’ll post a tutorial to create a design that uses collection view compositional layout using LayoutCode.