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