Freehands, previously only in Craft, is now a project type! Freehand in InVision lets you rapidly capture feedback throughout the product design process in a real-time, flexible, and collaborative way without the need to download Craft. You spend less time exporting work into presentable formats, and more time creating meaningful experiences for users in collaboration with your team. Like prototypes and boards, Freehand allows anyone on your team to join, from anywhere, on any device to weigh in on your concepts and designs.
Accessing Freehand from InVision
Freehand is located in your Projects Dashboard after logging into your InVision account:
Creating a Freehand Project
- Click the pink + button to the right side of your dashboard.
- Click Create New Freehand. (Alternatively, you can view a sample Freehand by hovering over the freehand button and clicking Or Try a Sample.)
- Get started! Draw, type, or insert images to bring your space to life.
You’ll see the Freehand toolbar at the top of your browser window:
The Selector tool lets you choose any amount of shapes or objects to move by dragging and dropping on the Freehand canvas. Any object or group of objects selected can be scaled up or down.
The Pencil tool lets you draw on your canvas. Hold down the Option key while you draw to have Freehand assist you in creating neat circles or squares. Holding shift + click (Alt + click in Windows) to start/end of the line creates any-angle diagonal lines.
On mobile, create a clean square, circle, and line by holding your finger/stylus for 2 seconds after you’ve finished drawing the rough shape. After 2 seconds, you should see the shape turn into a clean shape.
The Text tool allows you to enter text on your canvas. Once you select the Text tool, click anywhere on your canvas and begin typing. Switch to the Selector tool to resize your text or drag it to a different point on the canvas. Use the text tool to leave feedback on individual screens, flows, or specific features. Pressing Shift + Enter creates a line break.
The Image tool lets you upload images directly to the canvas. Once you upload an image, switch to the Selector tool to resize your image or drag it to a different point on the canvas.
The Eraser tool lets you hover over drawings you’ve created. Once you hover over a drawing, Freehand will highlight the drawing; clicking the highlighted drawing will delete it.
The ••• menu presents you with the following additional options:
The avatars at the top right of your Freehand page will show you who is collaborating on your Freehand project.
Share button generates a link you can copy to invite others to join your Freehand project to collaborate.
Freehand Keyboard Shortcuts
The Freehand tools at the bottom right of your Freehand project include a keyboard icon, zoom tool, and help icon:
Clicking the keyboard icon expands a shortcut key that will help you save time and effort while using the tools listed above.
Clicking the Help icon slides out a handy guide to making the most out of every tool:
Saving a Freehand Session
If you’d like to refer back to a Freehand, you can easily save it to your InVision account.
- Click Save Draft at the top left of the Freehand before exiting.
- Name your Freehand, and click Save. You can also choose to save your Freehand to a Team associated with your InVision email address by clicking Switch Team.
Note: If you do not save your Freehand before returning to the Projects Dashboard, your changes will not be saved and are not retrievable by InVision. Ensure that your Freehand is named and no longer shows the Save Draft button before exiting.
Renaming a Freehand
To rename a Freehand, hover your mouse over the name of the Freehand until it changes to a cursor. Click on the name and edit. Note: You must be viewing the Freehand in order to rename it.
Exiting a Freehand
To exit, click the in icon at the top left to return to your Project Dashboard. Note: If you do not save your Freehand before returning to the Projects Dashboard, your changes will not be saved and are not retrievable by InVision. Ensure that your Freehand is named and no longer shows the Save Draft button before exiting.
Additional Freehand Functionality
The following additional functionality is available in Freehand in order to make your collaboration process as seamless and simple as possible:
- Undo/redo: Go back and forward with changes as many times as you need to- your whole history is recorded in Freehand.
- Follow presenter and present mode: Invite other collaborators to your Freehand project, then click on an avatar to have your screen follow their actions. Click the Play icon to the left of the avatars to take over as presenter anytime.