How do I get started with file syncing?

Note: This article refers to syncing files via Google Drive, Dropbox, and Box which is being discontinued. Please see the announcement for more details. We strongly recommend that you start using Craft Sync now. This does not impact InVision Sync or the uploading of Sketch or PSD files to generate screens.

You can sync your files with InVision Sync, Dropbox, Google Drive, or Box. Dropbox, Box, and Google Drive sync allows you to choose and sync files from those services. InVision Sync creates prototype folders on your desktop that you can move your files into, and they will be synchronized with InVision.

If you and your team are already using Box, Dropbox or Google Drive, the easiest way to get started is to just connect to those services, and start syncing. If you aren’t using Box, Dropbox, or Google Drive, use the InVision Sync client.

To start syncing with InVision Sync

First, download InVision Sync (Mac only). Once it's installed, you'll see an InVision folder in the sidebar in Finder. You'll find it here:
Macintosh HD > Users > your username > InVision.

To start syncing with Google Drive, Box, or Dropbox

First, log into InVision, then click on your avatar in the top right of your screen and click View Profile. Then click on the Sync tab. Choose Connect Dropbox (or Connect Google Drive or Connect Box) to connect.

See specific instructions for setting up sync with Dropbox here, Box here, and GoogleDrive here.

How syncing works

InVision Sync

Once you've set up InVision Sync, just create a new prototype on the website, or a new folder inside your InVision folder. Inside there you should see a few automatically created folders:

  • Screens: This is where you'll place your prototype screens (PNG, JPG, or GIF)
  • Assets: Your assets will be sorted into these folders:
    • Source files: PSDs, AIs, Sketch files, etc.
    • Images: Exported images ready for development
    • Fonts: Any required fonts
    • You can create your own subfolders in the Assets folder to sync any other prototype-related files. Note that folders (including subfolders) can’t be nested.

Just drop your files into the right subfolders and InVision Sync will do the rest.

Dropbox, Box, and Google Drive

Once you’ve connected, go to a prototype and click on the upload button (the “+” icon under your avatar at the top right). Click on the Box, Dropbox, or Google Drive icon, and choose the files you want to sync. They are now linked to the prototype, and any updates to the files will be reflected in InVision. InVision never writes any data back to Box, Dropbox, or Google Drive.


InVision Sync

If your collaborators use InVision sync, prototype folders will automatically appear in their InVision folder, listed under the prototype owner's email address. Collaborators who don't use sync can still access prototypes from the prototype page on the web.

Dropbox, Box, and Google Drive

To collaborate with others, invite them to the  folder where your designs are stored on Dropbox, Box, or Google Drive, or just have them link their own files to the prototype. Anytime anyone makes an update to the files, InVision will update your prototype.

Some things to note

  • You can delete and archive prototypes in InVisionApp.com only.
  • If you or a collaborator upload a screen that has the same name as an existing screen, it will replace the existing screen.
  • You can add PNGs, JPGs, and GIFs to the Screens folder.
  • You can only create custom subfolders in the Assets folder.
  • If you delete a screen locally, InVision Sync will not delete that screen from InVision. It will disappear locally but reappear when screens are next synced. At this time, screen deletion is not supported by InVision Sync.