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


How do I get started with file syncing?

Follow

If you're specifically looking for instructions on setting up Craft Manager and the Craft tool suite for Sketch or Photoshop, check this article instead: Using Craft by InVision.

Craft Sync lets you sync your artboards from Sketch or Photoshop to InVision with just a few clicks.

How syncing works

Within Sketch or Photoshop, design artboards as normal. Then, use Craft Sync to publish your prototype designs to InVision.

Syncing prototypes from Sketch

To sync a prototype from Sketch:

  1. Select the artboard/s you want to sync.
    To publish all artboards on the Sketch page, ensure that you have no artboards selected before proceeding to step 2.
  2. In the Craft panel on the right side of the canvas, click the Craft Sync icon (craft-sync-icon-in-sketch.png), which will prompt the Craft Manager modal to open.
  3. Under Publish, click All artboards on page or Selected artboards.
  4. Under Prototype, click Select existing or Create new.
  5. Select or create the prototype you want to sync to InVision Cloud:
    • Under Select existing, click the dropdown, type the name, and select the prototype you want.
    • Under Create new, enter a name for your prototype and select the device type you want to use.
  6. Under Preferences, click the Artboard Order dropdown list and select your preferred artboard order.
    You may need to click the Preferences dropdown to see the options.
  7. If wanted, select Only publish artboards that have been modified.
  8. Under Pixel density, click either 1x or 2x.
  9. Click Publish.
    You will then see the Prototypes tab, where you can view the publishing progress indicator.

    craft-sync-publishing-from-sketch.gif

Syncing prototypes from Photoshop

To sync a prototype from Photoshop:

  1. Select the artboard/s you want to sync.
  2. In the Craft panel on the right side (by default) of the canvas, click the Sync icon (craft-sync-icon-in-photoshop.png).
    The location of the Sync icon may vary, depending on how you have arranged your Photoshop panels.
  3. In the middle of the Sync modal, click All artboards in document or Only selected artboards.
  4. Click the Artboard pixel density dropdown and click 1x or 2x.
  5. Click the Create or select a prototype dropdown.
    • Select an existing prototype: In the Search field, type the name and select the prototype you want.
    • Create a new prototype: Under the list of existing prototypes, click Create Prototype, enter a name for your prototype, and select the InVision account you want to sync to.
  6. Click Sync or Create prototype.

    syncing-new-prototype.gif

Collaboration

Craft Sync allows you to quickly update your designs to InVision from within Sketch.Collaborators who don't use Craft Sync can still access prototypes from the prototype page on the web.

Some things to note

  • You can delete and archive prototypes in InVisionApp.com only.
  • You can add PNGs, JPGs, and GIFs to the Screens folder.
  • You can only create custom subfolders in the Assets folder.
  • We use the exact images that are uploaded and do not compress on our end. For large prototypes and screens, we recommend compressing images a bit to reduce overall download size.

Was this article helpful?

Still have a question?

Contact Us