×

Freehand Projects

Freehand, 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:

Freehands_Dashboard2.png 

Creating a Freehand Project

  1. Click the pink + button to the right side of your dashboard.
  2. Click Create New Freehand. (Alternatively, you can view a sample Freehand by hovering over the freehand button and clicking Or Try a Sample.)
  3. Get started! Draw, type, or insert images to bring your space to life.

Freehand Tools

You’ll see the Freehand toolbar at the top of your browser window:

26045922.png  

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.

 35725626.png

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.

 26400794.png

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.

 72354766.png

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.

 25849757.png

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.

37492987.png 

The ••• menu presents you with the following additional options:

  • Clear my drawings - This will clear all sketches you’ve drawn with the pencil tool.
  • Clear my text - This will clear all text you’ve typed with the Text tool.
  • Clear all drawings - This will clear all sketches any collaborators have drawn with the pencil tool.
  • Clear everything - This will clear your entire Freehand project.
 20170903.png

The avatars at the top right of your Freehand page will show you who is collaborating on your Freehand project.

16467767.png 

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:

51813359.png

Clicking the keyboard icon expands a shortcut key that will help you save time and effort while using the tools listed above.

75474330.png

Clicking the Help icon slides out a handy guide to making the most out of every tool:

Jul-20-2017_14-07-24.gif

Saving a Freehand Session

If you’d like to refer back to a Freehand, you can easily save it to your InVision account.

  1. Click Save Draft at the top left of the Freehand before exiting.
  2. 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.

Jul-20-2017_14-14-00.gif

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.

Freehand on tablets

If you're trying to view or use Freehand on a tablet, you can find information about that here.

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.

Stay up to date on the most recent Freehand enhancements by following our Freehand Release Notes.