Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Sketch Basics Build a Mobile Interface Export Elements for your App

Erik Leisch
Erik Leisch
15,559 Points
Posted by Erik Leisch
Erik Leisch
15,559 Points

Prototyping Tools?

Thanks for this tutorial for getting started.

Right now I use Keynote to prototype new products as I like the ability to include hyperlinks and mimic the flow and behavior of buttons, forms, errors, etc. Are there any plans to include these types of features into Sketch?

I think then it would be perfect. =)

5 Answers

jam
jam
3,257 Points
jam
jam
3,257 Points

Invision (invisionapp.com) is a web based prototyping tool that works with any images to create clickable prototypes. You can add hotspots to your screens and link them together. Invision has been promoting their new integration with sketch lately: http://www.invisionapp.com/sketch-prototyping. Looks like it automates a lot of the uploading process, and then you add the hotspots via the web interface.

Christopher Downer
STAFF
Christopher Downer
Treehouse Guest Teacher
Christopher Downer
Christopher Downer
Treehouse Guest Teacher

I couldn't comment on future plans, but along with InVision, there's http://framerjs.com which requires a bit of coding knowledge and Origami from Facebook. http://facebook.github.io/origami/

Both of which work with Sketch, and can be previewed on your iOS device.

USDP Team
PLUS
USDP Team
Courses Plus Student 8,229 Points
USDP Team
USDP Team
Courses Plus Student 8,229 Points

A great resource to compare and find the right prototyping tool which fits your workflow is: http://prototypingtools.co/

Erik Leisch
Erik Leisch
15,559 Points
Erik Leisch
Erik Leisch
15,559 Points

Christopher Downer @Jam – Thanks to you both. inVision looks interesting, I might give that a go.

Thanks again.

rosinapissaco
rosinapissaco
13,401 Points
rosinapissaco
rosinapissaco
13,401 Points

I would like to know more about prototyping tool. Which one do you use? Which one is the best? easy to use? with animations? It would be great to have some prototyping tool comparing table :)

rosinapissaco
rosinapissaco
13,401 Points

ohhhhh http://prototypingtools.co/