Learn how to use Sketch and Framer together to create interactive app prototypes.
- [Instructor] Have you ever found yourself wondering how you could design a product and then prototype it? Do you wonder what are the tools you could use to do so? Are you familiar with either Sketch or Framer? Would you like to get a feel of how these tools work together? If you've answered yes to any of these questions, you've come to the right place. In this course, we'll explore an IT asset management tool from design to prototype, and take a look at how to use Sketch and Framer to complete a finish product. Hi, I'm Manny Henri.
When designing prototypes I often use Sketch and Framer together, and it'll be my pleasure to share my knowledge of how this workflow helps communicate a product vision. We'll first explore the UX objectives we'd like to cover with this tool so that we have a plan for designs. Then, we'll design the screens one-by-one, levering symbols and following best practices for the import into Framer. Next, we'll import our assets and create the targets in Framer in order to add interactions.
Finally, we'll review how to approach the presentation and feedback when you demonstrate the prototype to the stakeholders of the project. So if you're ready to explore the Sketch and Framer workflow, open them up and let's get started.
- Defining your objectives and UX stories
- Designing the user management tool
- Importing assets into Framer
- Creating flow between screens
- Adding interactions, micro-interactions, and animations