UI Design Livestream - Designing your first iOS app

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-design-lives...

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

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:   / discord  
🐦 Twitter:   / designcodeio  
📸 Instagram:   / mengto  
📱 iOS App beta: https://testflight.apple.com/join/dr7...