Trying to create a design system kit with Swift

0 votes

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.

Apr 26, 2023 in UI UX Design by Ashwini
• 5,430 points
526 views

1 answer to this question.

0 votes

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.

answered Apr 26, 2023 by Tanishqa
• 1,170 points

Related Questions In UI UX Design

0 votes
1 answer

How to create Custom UITabBarController in Swift with round button in the center?

Your implementation is almost correct, you just ...READ MORE

answered Apr 27, 2023 in UI UX Design by vishalini
2,172 views
0 votes
1 answer

Is there a way to create a list that auto populates with the the required articles?

Yes, there are several ways to auto-populate ...READ MORE

answered Apr 27, 2023 in UI UX Design by Anitha
596 views
0 votes
1 answer

UI/UX design or audit - how to measure the costs?

When it comes to charging for a ...READ MORE

answered Apr 25, 2023 in UI UX Design by Tej
495 views
0 votes
1 answer

Slack UI/UX design with collapsable columns

To replicate Slack's collapsible functionality using Split.js, ...READ MORE

answered Apr 25, 2023 in UI UX Design by pooja
510 views
0 votes
1 answer

Get User Group in Swift using AWS Cognito

The groups are exposed in the ID ...READ MORE

answered Nov 12, 2018 in AWS by Priyaj
• 58,100 points
1,514 views
0 votes
1 answer

URL Scheme for iOS Home App

I think you could try doing it ...READ MORE

answered Nov 16, 2018 in IoT (Internet of Things) by nirvana
• 3,130 points
1,115 views
0 votes
1 answer

iOS App : Porting Code to App

If you make a post, missing parameters ...READ MORE

answered Jan 18, 2019 in IoT (Internet of Things) by Shubham
• 13,490 points
574 views
0 votes
1 answer

swift for windows? xcode on windows? ?

Hi, @Aminegac, If you’re a little more technically ...READ MORE

answered Dec 4, 2020 in Others by Nikita
1,716 views
0 votes
1 answer
0 votes
1 answer

How do I make it where when I change my window size, the content adjusts with it?

To make the content adjust with the ...READ MORE

answered Apr 26, 2023 in UI UX Design by Tanishqa
• 1,170 points
513 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP