Browser not supported

Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision Cloud V7: Working with Freehand

This article provides answers for InVision Cloud V7. If you’re on V6 of InVision, read this article instead. Not sure which version you're using? Find out now.

Freehand in InVision lets you rapidly capture feedback throughout the product design process in a real-time, flexible, and collaborative way. 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 lets anyone on your team join, from anywhere, on any device to weigh in on your concepts and designs.

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

Creating a Freehand document

To create a freehand in InVision Cloud V7:

  1. Sign in to your InVision account.
  2. Click the pink button, and then click Freehand.
  3. In the Create new freehand dialog, enter a name, and then click the Create button.
invision-cloud-v7-create-new-freehand.gif

Using your Freehand tools

On the left-hand side, you'll notice the Freehand toolbar. The following is list of those tools and their functions.

Icon

Shortcut

Description

invision-cloud-v7-pointer.png

V or 1

The pointer tool lets you choose any number 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.

invision-v7-freehand-pencil-tool.png

P or 2

The pencil tool lets you draw on your canvas. Hovering over the pencil tool while it's selected will display 3 different opacity options. Click your desired opacity to begin drawing.

Hold down the Option key while you draw to have Freehand assist you in creating neat circles or squares. To draw straight lines, hold Shift while you click and drag (if using a Windows machine, hold Alt instead).

On mobile, create a clean square, circle, and line by holding down for 2 seconds after you’ve finished drawing the rough shape. You should notice the drawing turn into a clean shape.

When you select a drawing, a menu appears at the top of the page. Use this menu to switch colors, add a fill, and change outline opacity.

invision-cloud-v7-freehand-text.png

T or 3

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.

When you select a text field, an editor appears at the top of the page. Use the editor to change properties like color, bold, italics, highlight, and alignment.

Switch to the pointer 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.

invision-cloud-v7-freehand-shape-tool.png

S or 4

Use the shape tool to quickly draw basic shapes. Hover over the shape tool to pick the rectangle, oval, or straight line. To create a perfect square, circle, or angled line, hold Shift while using the shape tool.

When you select a shape, a menu appears at the top of the page. Use this menu to switch colors, add a fill, and change outline opacity.

invision-cloud-v7-freehand-image.png

I or 5

The image tool lets you upload images directly to the canvas. Once you upload an image, switch to the pointer tool to resize your image or drag it to a different point on the canvas.

To navigate through your freehand, place two fingers on your trackpad. Alternatively, hold the Spacebar while you click and drag.

Additional Freehand tools can be found by clicking the ••• (more) icon. You will then see a drop-down menu with the following options:

  • Clear my drawings: Clear all sketches you’ve drawn with the pencil tool.
  • Clear everything: Clear your entire freehand project.
  • Create new Freehand: Create a new freehand project.

To the right of the ••• (more) icon is the change color icon (invision-cloud-v7-freehand-change-color-icon.png). Click this icon to choose a different drawing color.

invision-cloud-v7-freehand-change-color-menu.png

Using your Freehand keyboard shortcuts

At the bottom right of your freehand project, you'll notice a keyboard icon (invision-v7-freehand-keyboard-icon.png). To expand a list of shortcut keys for Freehand, click the icon.

invision-cloud-v7-freehand-access-keyboard-shortcuts.gif

Getting help with Freehand

Located in the bottom-right corner of your freehand is a help icon (invision-cloud-v7-freehand-help-icon.png). Click the icon to reveal a few different options:

  • Review the Freehand Guide: Watch an introductory video or read up on using Freehand.
  • See what's new: Check out the latest release notes for Freehand.
  • Send feedback: Reach out to us directly with any feedback for Freehand.

Renaming a freehand

To rename a freehand:

  1. Open the freehand.
  2. In the upper-left corner, hover over the current name until the mouse pointer changes to a cursor, and click the name.
  3. Edit the name, and then press Enter.

Exiting a freehand

To exit your freehand and return to all your documents, navigate to the top-left corner and click the InVision (v7-freehand-invision-icon.png) icon. Any changes you made to your freehand will save automatically.

Sharing a freehand

Inviting others to join your freehand takes just a moment, and there are two ways to share:

  • Add people to your freehand
  • Share a document link to the freehand

Add people

To add people to a document:

  1. With the document open, in the upper-right corner, click the green Share button.
  2. In the To: field, enter the name of the person you want to add to the document.
    Note: As you type, you will see people on your team who match the characters you enter. If you want to add someone who is not yet a member of your team, enter his or her email address.
  3. To the right of the To: field, click the drop-down and set to Can edit or Can view.
  4. Click the Invite button.
invision-cloud-v7-invite-to-freehand.gif

Share a document link

Document links are the main URLs for prototypes, boards, and freehands.

To share a document link to your freehand:

  1. While viewing the Freehand, navigate to the top-right corner and click Share.
  2. To the right of Copy Link, click Settings.
  3. Under Who can Open this Document?, choose an option:
    • Anyone with the link
    • Members of [your team] with the link
    • People invited
  4. Under What can they do?, choose between:
    • Edit, draw and view
    • View only
  5. Click Save.
  6. To the left of the Settings link, click Copy Link.

You can now send that link to anyone you want to join your freehand.

share-freehand-document-link.gif

Presenting a freehand

Presenting a freehand allows others to see the project from your perspective. If you are presenting, anyone currently viewing the freehand will follow the actions you take.

To start a presentation, go to the top of the page and click the present icon (invision-v7-freehand-present-icon.png). To stop presenting, click the stop icon (invision-cloud-v7-freehand-stop-presenting-icon.png).

You can independently follow a specific collaborator's actions by navigating to the top-right corner of the page and clicking their avatar. To stop following a collaborator, click their avatar again. Click the present icon to take over as presenter at any time.

invision-cloud-v7-presenting-freehand.gif

Using Freehand on tablets and mobile devices

If you're trying to view or use Freehand on a tablet, please see our information about Freehand for the InVision iOS app or about Freehand for the InVision Android app.


Learn something new

Getting Started Guides