Building interactive prototypes with Framer
Check out Framer now: http://framer.com/femke-design/
As designers, we often design screens statically, but oftentimes the product has interactive elements and animations (which is why prototyping is such a valuable skill!).
In this video I walk through how I made a task app prototype with the advanced yet easy-to-use prototyping tool, Framer.
This is a sponsored video.
----------------------------------------------
WORK WITH ME
📚 Take my course: https://www.course.femke.design/?utm_...
🚀 Join Level Up Club: https://www.femke.design/level-up-kit...
💬 Book mentoring: https://www.femke.design/mentoring/?u...
STAY CONNECTED
📬 Subscribe to my newsletter: https://www.femke.design/newsletter/?...
🎙️ Listen to my podcast: https://www.designlife.fm/?utm_source...
🌐 Website: https://www.femke.design/?utm_source=...
📱 Instagram: / femkedotdesign
🐦 Twitter: / femkesvs
//TIMESTAMPS
0:00 - Intro
1:08 - An overview of the prototype
2:00 - Sign in/up screens
2:46 - Button components with variants
4:20 - Adding variables to component properties
5:49 - Input fields
7:56 - Interactive checkboxes
8:55 - Creating a scrolling page
11:27 - Creating task components
12:35 - Adding task variables
13:10 - Adding variants to components
13:51 - Filling out the rest of the list
14:19 - Creating modal and dropdown
15:07 - Adding dropdowns
16:38 - Connecting navigation
18:40 - Previewing the prototype
19:26 - Outro