Building your first iOS app – SwiftUI Livestream

The best way to start development on your first app with key resources, beginner-friendly steps and bridging design and code.

Topics discussed
– Design Tool
– UI Kits, Fonts and SF Symbols
– Figma Templates and Plugins
– Human Interface Guidelines
– Xcode and Swift Playgrounds on iPad
– SwiftUI Tutorials and Documentations
– Basic Layout
– Detail View
– Navigation View
– Tab Bar
– Organizing Components and Folders
– Basic Static Data

💾 Download source file (pro only): https://designcode.io/swiftui-livestream-building-your-first-ios-app

Resources
🎨 Figma design tool: https://www.figma.com
🎨 SwiftUI Inspector: https://swiftui.ai
🎨 iOS UI Kit: https://developer.apple.com/design/resources/
🎨 Figma iOS UI Kit: https://www.figma.com/community/file/858143367356468985
📕 iOS HIG: https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
📕 SF Fonts: https://developer.apple.com/fonts
📱 SF Symbols: https://developer.apple.com/sf-symbols
📱 Dynamic Type: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography
📕 SwiftUI by Example: https://www.hackingwithswift.com/quick-start/swiftui
🛠 Convert SVG to Swift: https://quassummanus.github.io/SVG-to-SwiftUI/
🛠 SwiftUIX: https://github.com/SwiftUIX/SwiftUIX
🍔 Illustrations: https://shape.so
🤳 Phone Mockups: http://angle.sh

Learn UI Design
🖌 UI Design for developers: https://designcode.io/ui-design
🌈 Design system in Figma: https://designcode.io/figma
🎨 Figma Handbook: https://designcode.io/figma-handbook
📱 iOS Design Handbook: https://designcode.io/ios-design-handbook

Learn SwiftUI
📱 Build an app for iOS 13: https://designcode.io/swiftui
📱 Build an app for iOS 14: https://designcode.io/swiftui-ios14
🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook

DesignCode
💬 Discord: https://discord.com/invite/JGDtQcdk72
🐦 Twitter: https://twitter.com/designcodeio
📸 Instagram: https://www.instagram.com/mengto
📱 iOS App beta: https://testflight.apple.com/join/dr79Sv7u