Invision

• 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)

Figma

• 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

• 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

• 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