Trying to create a design system kit with Swift

Question

So I know almost nothing about iOS development. I work in UI/UX and I'm good with HTML, CSS, and JS. I have a design system for HTML web pages, but need to bring it over for iOS. Is there anything similar to CSS in iOS? The developers are using Swift, UIKit and Storyboard. Mostly I am looking to set specific colors, form heights, buttons, fonts, spacing, etc. We have many iOS apps that all look different and are trying to keep a uniform look.

Mostly I just need to be pointed in the right direction on what to look into.

Answer 1

I can certainly guide you on where to begin with creating a design system kit in Swift for iOS development.

Swift is a programming language used for creating iOS applications, and UIKit is the framework for building the user interface of iOS apps. Storyboard is a visual tool that allows developers to design the user interface of an iOS app.

In terms of creating a design system kit in Swift for iOS, there are a few things you can do:

1. Define your design system values: You can define your design system values for colors, fonts, sizes, and other UI elements in a separate file or module, and import that into your Swift codebase. This can help keep the design consistent across all of your apps.

2. Use UIKit to style UI elements: You can use UIKit to style various UI elements like buttons, text fields, and labels, and apply your design system values to them. This can be done programmatically or using Storyboard.

3. Use a third-party library: There are many third-party libraries available for iOS development that can help you create a design system kit. Some popular ones include Design System Kit, Fluent UI, and Carbon Design System.

Overall, creating a design system kit in Swift for iOS development will involve a combination of defining your design system values, using UIKit to style UI elements, and potentially utilizing third-party libraries.