SwiftUI Livestream: Prototyping UI and Animations
In this livestream, we’ll learn some of the key techniques for turning your design into code with SwiftUI. Let’s get ready for WWDC 21.
🛠 Convert SVG to Swift: https://quassummanus.github.io/SVG-to...
📕 Drawing Shapes: https://developer.apple.com/tutorials...
🚀 WWDC21: https://developer.apple.com/wwdc21/sw...
📱 Swift Playgrounds on iPad and Mac: https://www.apple.com/ca/swift/playgr...
🛠 SwiftUIX: https://github.com/SwiftUIX/SwiftUIX
💾 Download source file (pro only): https://designcode.io/swiftui-livestr...
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...