Design and Prototype an App with Play - Full 3-hour Course
35.3K views · 2022-12-06
UI DesignMotion Design
Create a functional prototype without writing code from your iPhone and iPad
Sponsored by Play - https://www.createwithplay.com
[00:00] Intro to Play
[04:53] Layout and Components
[25:05] States and Interactions
[31:44] Custom Search Bar and Segmented Control
[39:34] Custom Segmented Controls
[50:01] Tab bar Lottie animation
[01:07:32] Sidebar menu animation
[01:45:26] Map and Drawer animation
[02:01:47] Navigation and Detail screen
[02:58:10] Native Date Picker
📂 Template
➡ https://www.figma.com/community/file/1179491115570614862
➡ https://www.dropbox.com/sh/m1yw8sj3kj0iah4/AADr5Bi-Rh3LTn0Zjw9cYls3a?dl=0
Final app: https://share.createwithplay.com/project/wxdzABsrDd12wjKr8
🪄 Join this channel to watch the entire course on YouTube
➡ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join
📺 Watch the complete Design and Prototype an App with Play course
➡ https://www.youtube.com/playlist?list=PLDaHCLWmCcQI5xYMOmMLKpZWKlLSGZTae
🚀 Follow this course on Design+Code's website
➡ https://designcode.io/play
#uidesign #nocode #prototyping
Sponsored by Play - https://www.createwithplay.com
[00:00] Intro to Play
[04:53] Layout and Components
[25:05] States and Interactions
[31:44] Custom Search Bar and Segmented Control
[39:34] Custom Segmented Controls
[50:01] Tab bar Lottie animation
[01:07:32] Sidebar menu animation
[01:45:26] Map and Drawer animation
[02:01:47] Navigation and Detail screen
[02:58:10] Native Date Picker
📂 Template
➡ https://www.figma.com/community/file/1179491115570614862
➡ https://www.dropbox.com/sh/m1yw8sj3kj0iah4/AADr5Bi-Rh3LTn0Zjw9cYls3a?dl=0
Final app: https://share.createwithplay.com/project/wxdzABsrDd12wjKr8
🪄 Join this channel to watch the entire course on YouTube
➡ https://www.youtube.com/channel/UCTIhfOopxukTIRkbXJ3kN-g/join
📺 Watch the complete Design and Prototype an App with Play course
➡ https://www.youtube.com/playlist?list=PLDaHCLWmCcQI5xYMOmMLKpZWKlLSGZTae
🚀 Follow this course on Design+Code's website
➡ https://designcode.io/play
#uidesign #nocode #prototyping