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

Posted by Deb Davis
Deb Davis
32 Points

Wireframes: Best approach to use Sketch 3 to show Off-canvas content and export to show interactivity?

Hi,

I'm new to using Sketch 3 and would love to use it more.

Sarah gave a nice presentation in the mobile app design iOS course but one question I had was how best to show an off-canvas menu during the wireframe stage? I would love to be able to export the art boards to show how the off-canvas actually works.

I know I can create another art board to be able to show what the menu would look like but what about behavior?

Is this even possible with Sketch 3? Am I asking too much? :-)

2 Answers

Qichao Li
PLUS
Qichao Li
Courses Plus Student 15,694 Points
Qichao Li
Qichao Li
Courses Plus Student 15,694 Points

I am going through the same problem. There is a digital book which called design+code is really helpful to me. Back to the old days , I always use axure or flinto to achieve this goal. But using this kind of tool is rally complex to achieve a simple animatio. After I read design + code. I realize that Xcode is a good tool to achieve this. If you do not know anything about coding. You could learn swift as beginning.

Deb Davis
Deb Davis
32 Points

Sorry for the slow response and thank you for the idea about Xcode and/or Swift. I'll check out Swift first. I bought design+code and it is helpful but seems to have some missing pieces.