SwiftUI challenge: recreate a design system from Sketch - example iOS app design

1 Views
Published
In this SwiftUI challenge, I will recreate a design system from Sketch resources. I will write custom view modifiers to style texts, buttons and toggles. It can be super useful to write components that can be used in many places of your app.
This is a great practice session. Don't forget to take some time and try to implement some of the app views yourself.

Overview
00:00 introduction Design System with Sketch
08:01 adding assets: colors and icons
13:28 defining text styles
19:04 custom view modifiers
23:11 button styling
38:05 custom modifiers with shadow styles
43:08 custom toggle styles
54: 44 Custom textfield styles
01:00:53 build login screen view with predefined style elements
01:16:35 image gallery screen
01:27:43 wrap up

Design Software for apps:
- https://www.sketch.com
https://www.figma.com

Human interface guidelines https://developer.apple.com/design/human-interface-guidelines/

Design file for this challenge
https://www.sketchappsources.com/free-source/4296-neumorphic-ui-kit-sketch-freebie-resource.html

https://www.sketchappsources.com

If you liked what you learned and you want to see more, check out one of my courses!
Category
Management
Be the first to comment