- Using Craft with Sketch and Photoshop
- Inserting information with the Data tool
- Inserting commercial images with the Stock tool
- Using the Duplicate tool
- Working with the Library tool
- Using Freehand for commenting on the prototype
- Using the Prototype tool to add interactions
Skill Level Intermediate
- [Manny] When working on a prototype in Sketch or Photoshop, any improvements to speed up or enhance your workflow are welcome. Craft is a great tool to accomplish this. It simplifies many things that previously took a number of steps into one or two clicks. Craft is a plug-in that works with both Sketch and Photoshop and integrates seamlessly with InVision. Hi, I'm Manny. I've been using UX tools since I've started developing websites and applications. I'm here to teach you how to use Craft to help create great prototypes.
Through building a new prototype in Sketch or Photoshop, we'll first install the end set of Craft to sync with InVision. Once it's installed, we'll build and refine our prototype, leveraging the data and duplicate tools. Next, we'll use the library tool to create shared assets and style guides for other designers to reference. Then, we'll launch a freehand session to collaborate on the prototype and update our design. Finally, we'll show you how to add interactions directly within Sketch using the prototype tool.
So if you're ready to build a great prototype faster than ever, launch Sketch or Photoshop and let's get started.