In this video, learn the tools you can use to create a digital prototype, as well as how you can use them.
- [Instructor] Let me introduce you to a few tools you could use for doing your virtual prototype. Beyond Framer X, you have several tools you could use. The first category of apps is for mostly designing, although some of them have external plugins to do prototypes, these applications typically aren't used for that purpose. The first one is Sketch, which is a really good application that has become a standard for people designing UIs. The second one, and the one that most people know, is Adobe Photoshop. It has become a full feature applications to do graphics, photos, and so on so forth. And you have also Illustrator, which focuses more on the vector-based images. Then you have the applications that doesn't provide you with full designing features, but were built for prototyping purposes, and Framer X fits this category. The first one that you have is Adobe XD, which has gathered a lot of steam as of late, and it's a great tool to design your own prototypes and applications. Then you have InVision Studio. Most companies nowadays use InVision at one point or another. So if you are looking into a full design management system, InVision provides that. These are the most popular, and the solutions that I personally have experience with, but if you have another tool you feel comfortable with, that includes ways to design and add interactions, feel free to use them.
- What’s a design sprint?
- Daily steps in a design sprint
- Tools for creating digital prototypes
- Finding visual inspiration for your project
- Making mockups
- Defining the main layout
- Designing the product card
- Adding prototype interactions