Prototyping/Testing/Tools

Invision Demo Video // Link to app
Can upload images, create clickable hot spots, share link with testers, leave comments, bring into Freehand for more comments and collaboration with teammate.
- Form: PSD Wireframe Kit
Video Tutorial
Leaving Comments
Using Freehand (whiteboard mode)

Longer Figma Demo Video // Shorter Figma Demo Video // Link to app
Can create wireframes, upload images, or Sketch files on browser, make interactive in Figma, share the link with testers, leave comments, can also co-edit the Figma file with teammate.
- Lo-Fi Wireframe Kit
- Mobile UI Kit (keep it monochromatic)
- Lo-Fi Wireframe Template
Best Practices
Figma Tutorials

Adobe XD Demo Video and Files | Shorter Adobe XD Demo Video
Can create wireframes, upload images, make interactive in XD, share link with testers, leave comments, can also co-edit if you save and share file to the Cloud
- Scroll Down to “Tap into the Design Community” and find the following kits:
  - Hand-Drawn Wireframe
  - Wireframes
The Fundamentals
XD Masterclass
How to Get Started

Sketch and Craft Plugin // Link to app. (Mac only, Lunacy app is equivalent for PC)
Can create wireframes, upload images, make interactive in Sketch, use a free plugin called Craft to sync up with InVision App to then share link with users, can save a shared version and leave comments in Sketch Cloud – but cannot co-edit live with teammate.
Best Sketch Video Tutorial List
How to Design and Develop a Landing Page
LevelUp Tutorials
LearnSketch.com
Sketch Freebies
Learn Sketch 3
Sketch YouTube Channel

POP from Marvel // Link to app.
Can create quick wireframes on browser, use provided templates, or upload images, create clickable hot spots, share link with testers, leave comments.

Digital Media Design II