UI Design a Dark Neumorphism Tesla app in Figma from scratch Part 2
25.4K views · 2022-02-28
UI Design
Learn to design a Tesla app using dark neumorphism style in the Figma design tool
📂 Figma file
➡https://www.figma.com/community/file/1075333697693168660/Dark-Neumorphism-UI-Tesla-app
Part 1 : https://youtu.be/nthq56UABI0
🎞 Video timestamps
0:00 - Intro
3:03 - Temperature Progress Bar
9:27 - Temperature Slider
17:43 - Control setting with background
23:40 - Battery with neon light effect
34:00 - Dropdown table row
44:25 - Outro
🪄 Join this channel to watch the entire course on YouTube
➡ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join
📺 Watch the complete UI Design Quick Apps in Figma course
➡ https://www.youtube.com/playlist?list=PLDaHCLWmCcQLKv4qWsHm7aiuvIhvT3rn1
🚀 Follow this course on Design+Code's website
➡ https://designcode.io/quick-apps-figma
Resources
🎨 unsplash image (free images) : https://unsplash.com
🎨 remove.bg (remove background) : https://www.remove.bg
📱 SF Symbols: https://developer.apple.com/sf-symbols
📱iOS 15 UI Kit for Figma: https://www.figma.com/community/file/984106517828363349/iOS-15-UI-Kit-for-Figma
🤳 Phone Mockups: http://angle.sh
🍔 icons: https://shape.so
Learn UI Design
🖌 UI Design quick apps in Figma: https://designcode.io/quick-apps-figma
🖌 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 15: https://designcode.io/swiftui-ios15
📱 Build quick apps with SwiftUI: https://designcode.io/quick-apps-swiftui
🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook
🎵 Music from Uppbeat (free for Creators!)
https://uppbeat.io/track/fugu-vibes/spatial
Follow Me
🐦 Twitter: https://twitter.com/SouranyPhomhome
📸 Instagram: https://www.instagram.com/sou.design
#figma #uidesign
📂 Figma file
➡https://www.figma.com/community/file/1075333697693168660/Dark-Neumorphism-UI-Tesla-app
Part 1 : https://youtu.be/nthq56UABI0
🎞 Video timestamps
0:00 - Intro
3:03 - Temperature Progress Bar
9:27 - Temperature Slider
17:43 - Control setting with background
23:40 - Battery with neon light effect
34:00 - Dropdown table row
44:25 - Outro
🪄 Join this channel to watch the entire course on YouTube
➡ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join
📺 Watch the complete UI Design Quick Apps in Figma course
➡ https://www.youtube.com/playlist?list=PLDaHCLWmCcQLKv4qWsHm7aiuvIhvT3rn1
🚀 Follow this course on Design+Code's website
➡ https://designcode.io/quick-apps-figma
Resources
🎨 unsplash image (free images) : https://unsplash.com
🎨 remove.bg (remove background) : https://www.remove.bg
📱 SF Symbols: https://developer.apple.com/sf-symbols
📱iOS 15 UI Kit for Figma: https://www.figma.com/community/file/984106517828363349/iOS-15-UI-Kit-for-Figma
🤳 Phone Mockups: http://angle.sh
🍔 icons: https://shape.so
Learn UI Design
🖌 UI Design quick apps in Figma: https://designcode.io/quick-apps-figma
🖌 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 15: https://designcode.io/swiftui-ios15
📱 Build quick apps with SwiftUI: https://designcode.io/quick-apps-swiftui
🛠 SwiftUI Handbook: https://designcode.io/swiftui-handbook
🎵 Music from Uppbeat (free for Creators!)
https://uppbeat.io/track/fugu-vibes/spatial
Follow Me
🐦 Twitter: https://twitter.com/SouranyPhomhome
📸 Instagram: https://www.instagram.com/sou.design
#figma #uidesign