Different techniques and tools to present your designs for your website and covers for the App Store, YouTube, Instagram and Twitter.

• Resolutions (16:9, Square) and Templates
• SkewDat plugin https://www.figma.com/community/plugin/741472919529947576/SkewDat
• Angle Mockups https://www.figma.com/community/plugin/778645840235495725/Angle-Mockups
• By Screens
• By Components
• 3D Perspective
• Decorations: confetti, Looper, Waves, Blobs
• Inspirations

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/design/human-interface-guidelines/ios/visual-design/typography
🍔 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

#user-experience #ux #ui #developer