support.invisionapp.com Open in urlscan Pro
104.16.51.111  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Skip to main content

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

 * Support
   
   Knowledge base
   
   Articles for all product and account troubleshooting
   
   View topics
   
   Product Documentation
   
   In-depth product guides for InVision tools
   
    * Freehand
    * InVision V7
    * V7 Enterprise
    * InVision V6
    * V6 Enterprise
    * Craft
    * Design System Manager (DSM)
    * Mobile Apps
    * Studio

 * Community
 * Resources
 * Learn
 * What's New

Get help
All Systems Operational

Sign in
Menu
Close menu

 * Support
   
    * Knowledge base
      
    * Product Documentation
   
   --------------------------------------------------------------------------------

 * Community
 * Resources
 * Learn
 * What's New
   

--------------------------------------------------------------------------------

All Systems Operational
Sign in



JavaScript not enabled

Sorry, you must have JavaScript enabled to use the InVision Help Center.

--------------------------------------------------------------------------------

 1. InVision Support
 2. Product Documentation
 3. Craft
 4. Craft for Sketch


CRAFT


 * INTRO TO CRAFT


 * CRAFT FOR SKETCH
   
   * CRAFT SYNC FOR SKETCH
     
     * Syncing prototypes
     * Syncing to Freehand
     * Changing your sync settings
   
   * PROTOTYPE
   
   * DUPLICATE
   
   * DATA
   
   * STOCK


 * CRAFT FOR PHOTOSHOP

Jump to
Intro to Craft
Craft for Sketch
Craft Sync for Sketch Prototype Duplicate Data Stock
Craft for Photoshop


 1. CHECK OUT EXCITING NEW FEATURES! 🚀
    
    View Release Notes: Craft




RELATED ARTICLES

 * Craft Manager
 * Using Craft by InVision
 * Duplicate
 * Inspect for Craft Sync
 * Introduction to Craft Sync




CRAFT SYNC FOR SKETCH

The Craft Sync tool for Sketch brings your design environment and InVision
together like never before. Sync lets you send your designs into InVision
instantly—no saving, exporting, dragging or dropping. Simply select your screens
in Sketch, create or choose the prototype or freehand you want to sync to, and
easily import all of your screens into InVision.

If using Photoshop, please check out the article Craft Sync for Photoshop.


SYNCING PROTOTYPES

So you can feel completely comfortable when using Craft Sync to publish
prototypes from Sketch to InVision, this section covers the following:

 * Organizing artboards before syncing
 * Selecting artboards
 * Publishing a new prototype
 * Updating an existing prototype
 * Syncing with multiple users
 * Viewing sync progress


ORGANIZING ARTBOARDS BEFORE SYNCING

To ensure that the organization of your prototype artboards in Sketch is
reflected on InVision, you can select your preferred artboard order before
publishing the prototype:

 * Canvas - Left to right, top to bottom: Your artboards will be organized in
   InVision just as they are on the Sketch canvas, starting with the first row
   of artboards on the canvas, moving from left to right before progressing
   through the second and subsequent rows.
 * Canvas - Top to bottom, left to right: Your artboards will be organized in
   InVision just as they are on the Sketch canvas, starting with the first
   column of artboards on the canvas, moving from top to bottom before
   progressing through the second and subsequent columns.
 * Alphanumeric: Your artboards will be organized in alphanumeric order (based
   on the name of each artboard) in InVision.
 * Sketch layer list - Top to bottom: Your artboards will be organized in
   InVision based on the order you've established in the Sketch Layers panel,
   starting with the top layer and progressing through the bottom layer.
 * Sketch layer list - Bottom to top: Your artboards will be organized in
   InVision based on the order you've established in the Sketch Layers panel,
   starting with the bottom layer and progressing through the top layer.

This setting only applies when publishing new artboards for the first time. When
publishing changes to existing artboards, they will remain in the same order as
they currently appear on the web.

To define your preferred artboard order when publishing to InVision:

 1. In Sketch, select the artboards you want to sync and click the Craft Sync
    icon ().
 2. In the Craft Manager modal that opens, click the Advanced dropdown arrow.
 3. In the Artboard Order dropdown list, select your preferred order.
    
    If publishing a new prototype, be sure to select the appropriate options in
    the Device type dropdown.
 4. Click the Publish button.


SELECTING ARTBOARDS

To sync artboards from Sketch to InVision, navigate to the right-hand toolbar
and click the Sync icon (). By default, only selected artboards will be
published.

To publish all artboards, make sure no artboards are selected before clicking
the Sync icon. Alternatively, you can click the drop-down at the top of
the Craft Manager publish modal and select all the artboards.

Even when updating all artboards, Craft Sync will only publish the artboards
that you have edited since previously publishing. Because this setting reduces
the time required to update your prototypes, it is the default setting. To turn
this setting off, in the Mac menu bar, click the Craft Manager icon (), click
the settings cog icon (), click Preferences, click the Sync tab, and then click
(to uncheck) the Prevent upload of unmodified boards option.


PUBLISHING A NEW PROTOTYPE

After clicking the Sync icon, you will see the Craft Manager publish modal. If
you have never published a prototype from the Sketch file before, you will be
prompted to create a new prototype. You can also select the option Create new.
If you want to update an existing prototype, click Select existing.

When publishing a new prototype, you will be required to give it a name and
select a device type. Clicking Publish will take you back to the documents tab
where you can view the publish progress.

If you are on a Team plan, but you are not the Team owner, new prototypes for
your team cannot be published from Craft Sync. First create a new prototype in
the InVision web app. You can now return to Craft Sync and sync your Sketch file
to that prototype. For more information, check out the article How do I create a
prototype on a Team plan?


UPDATING AN EXISTING PROTOTYPE

If you have published a prototype for the specific Sketch file before, when you
click the Sync icon, click the Select existing dropdown to search for and/or
select the prototype you want to sync changes to. After double checking your
settings in the Advanced dropdown area, click Publish.

If you want to publish an entirely new prototype, select the option Create new.

Clicking Publish will take you back to the documents tab in Craft Manager, where
you can view the publishing progress and then copy the prototype link to view it
on InVision.

There is no way to unsync screens. If you need to remove screens that have
already been synced, you can navigate to your prototype dashboard in InVision
and delete the screens. Alternatively, you can create a new prototype and sync
your screens again.


SYNCING WITH MULTIPLE USERS

Multiple users can sync as many Sketch files to one prototype as you'd like. Any
new content will simply be added as new screens and will not replace the
existing content.


VIEWING SYNC PROGRESS

After clicking Publish, you can view your publishing progress (as mentioned
above) in the documents tab of the Craft Manager modal. There are a few stages
of the publishing process that need to complete before your prototype is ready:

 1. Exporting Assets: We export all layers marked as exportable so that they can
    easily be downloaded via Inspect.
 2. Extracting Inspect Data: Inspect gives your developers access to all the
    important information they need when implementing a prototype. During the
    publish process, we need to extract all this information from the Sketch
    file.
 3. Uploading: Once all data is ready, we upload it all to InVision. Upload
    times can vary depending on the size of the prototype and your internet
    speed.

Once your prototype is published, you will see the prototype URL, which you can
use to preview the prototype on InVision via the web or the InVision mobile app.


SYNCING TO FREEHAND

If using Photoshop, check out the article Craft Freehand for Photoshop.

The Craft Sync tool lets you rapidly capture feedback throughout the product
design process. Create a freehand document directly from your design file in
Sketch, and then share that freehand with others to begin collaborating in
real-time.

Remember, Freehand is an online whiteboard for real-time collaboration and
feedback, rather than a prototyping tool like InVision; therefore, you'll have
to return to Sketch to edit your screens.


CREATING A NEW FREEHAND

To create a new freehand from a Sketch file:

 1. Open your design file in Sketch.
 2. Select the artboards you want to sync and click the Craft Sync icon ()
 3. Select the option Create New.
 4. Enter a name for the new freehand.
 5. Choose to sync All Artboards or a Selected Artboard.
 6. Click Publish —this will take you to the documents tab, where you can view
    the publish progress.

From the documents tab, you can copy the freehand link or open the freehand in a
new browser tab, and you can begin working on your new freehand.


UPDATING AN EXISTING FREEHAND

To update an existing freehand:

 1. Open your design file in Sketch.
 2. Select the artboards you want to sync and click the Craft Sync icon ()
 3. If you have previously synced a file to a freehand, you’ll see the name of
    the most recently synced freehand in the Select existing dropdown. To choose
    a different existing freehand, click the dropdown arrow.
 4. Choose to sync All Artboards or a Selected Artboard.
 5. Click Publish.

 

From the documents tab, you can copy the freehand link or open the freehand in a
new browser tab to continue collaborating on your freehand in InVision.


USING FREEHAND IN INVISION

After creating or updating your freehands in Sketch, you can continue to
collaborate on them via InVision. To learn more about how to use Freehand, check
out our Getting Started Guide.


CHANGING YOUR SYNC SETTINGS

Use Craft Manager to adjust your Sketch settings for Craft Sync:

 1. Click the Craft Manager icon in your toolbar.
 2. Click the cogwheel, then click Preferences.
 3. Click Sync (next to General).
 4. Edit your sync settings as wanted.

You can adjust these Craft Sync preferences:

 * Exported pixel density
 * Prevent Craft Sync from uploading unmodified artboards
 * Play notification sounds



Was this article helpful?
Yes
No

--------------------------------------------------------------------------------

Duplicate Craft for Photoshop


STILL NEED HELP?


FOLLOW THE GUIDE

Chat with our virtual support agent to get the help you need.

Start chat


TALK TO THE COMMUNITY

Ask product questions or just talk shop

Join the conversation


 1. CRAFT FOR DESIGN
    
    Take the course



--------------------------------------------------------------------------------

InVisionApp, Inc.




INSIDE INVISION

 * Contact us
 * About InVision
 * Careers
 * News
 * Brand assets
 * Join our customer panel

Follow us
 * 
   Instagram
 * 
   Twitter
 * 
   LinkedIn
 * 
   Facebook
 * 
   Dribbble
 * 
   YouTube

Be inspired
 * Freehand
 * Craft
 * DSM
 * Specs
 * Studio
 * Muzli Search
 * Muzli Design Inspiration
 * Color Palette Generator
 * Defined by InVision

Get Support
 * Support site
 * Product documentation
 * Knowledge base
 * System status
 * Report abuse
 * Product training
 * Students & teachers

--------------------------------------------------------------------------------

 * Terms of Service
 * Privacy Policy
 * Security
 * Sitemap

© 2022 InVisionApp Inc. All rights reserved.




PRIVACY PREFERENCE CENTER




 * YOUR CHOICES REGARDING COOKIES ON THIS SITE


 * REQUIRED COOKIES


 * FUNCTIONAL COOKIES


 * ADVERTISING COOKIES

YOUR CHOICES REGARDING COOKIES ON THIS SITE

Cookies are important to the proper functioning of a site. To improve your
experience, we use cookies to remember log-in details and provide secure log-in,
collect statistics to optimize site functionality, and deliver content tailored
to your interests. Click Agree and Proceed to accept cookies and go directly to
the site or click Confirm My Choices after choosing whether to accept certain
cookies while on the site.
Privacy Policy

REQUIRED COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but this may affect how the website functions.

Cookies Details‎

FUNCTIONAL COOKIES

Functional Cookies


These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site.. If you do not
allow these cookies we will not know when you have visited our site, and will
not be able to monitor its performance. These cookies also enable the website to
provide enhanced functionality and personalisation. They may be set by us or by
third party providers whose services we have added to our pages. If you do not
allow these cookies then some or all of these services may not function
properly.

Cookies Details‎

ADVERTISING COOKIES

Advertising Cookies


These cookies are set by a range of social media services that we have added to
the site to enable you to share our content with your friends and networks. They
are capable of tracking your browser across other sites and building up a
profile of your interests. This may impact the content and messages you see on
other websites you visit. If you do not allow these cookies you may not be able
to use or see these sharing tools. These cookies may also be set through our
site by our advertising partners. They may be used by those companies to build a
profile of your interests and show you relevant adverts on other sites. They do
not store directly personal information, but are based on uniquely identifying
your browser and internet device. If you do not allow these cookies, you will
experience less targeted advertising.

Cookies Details‎
Back Button


BACK



Vendor Search
Filter Button
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

 * View Third Party Cookies
    * Name
      cookie name


Clear
checkbox label label
Apply Cancel
Confirm my choices
Reject all Allow all



BUT FIRST, COOKIES

We use cookies to improve your experience and deliver personalized content. By
using InVision, you agree to our Cookie Policy.

GOT IT
EDIT SETTINGS