A crash course on iOS app design for beginners using Figma, UI Kits, fonts, icons, design guidelines and key resources from Apple and the design community.

Getting Started
- App ideas & market fit: content, tool, game
- Wireframes / UI Patterns
- iOS UI Kits, Fonts, SF Symbols
- Gradients and Illustrations

Design
- Status Bar, Tab Bar,
- Colors, Accent Color
- Large Title, Title, Body, Caption
- Cards, List, Detail View
- Account, Modal

💾 Download source file (pro only): https://designcode.io/ui-desig....n-livestream-designi

Resources
🎨 Figma design tool: https://www.figma.com
📕 Design Systems Repo: https://designsystemsrepo.com/design-systems/
📕 SF Fonts: https://developer.apple.com/fonts
📱 SF Symbols: https://developer.apple.com/sf-symbols
📱 Dynamic Type: https://developer.apple.com/de....sign/human-interface
🍔 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