support.invisionapp.com
Open in
urlscan Pro
104.16.51.111
Public Scan
Submitted URL: https://emails.invisionapp.com/dc/IXa7a3qCNsfykCKMTv6sTC_xMPU6hKvc_iSCKOZyT_mWwdmTSHK1noAmJzF5xY-K0Q6sZ49kFSr9FYk8S4XQiBML19J5B...
Effective URL: https://support.invisionapp.com/hc/en-us/articles/115000635806?utm_campaign=ON_Product%20Onboarding_Cloud%20V6&utm_source=market...
Submission: On April 25 via manual from SE — Scanned from SE
Effective URL: https://support.invisionapp.com/hc/en-us/articles/115000635806?utm_campaign=ON_Product%20Onboarding_Cloud%20V6&utm_source=market...
Submission: On April 25 via manual from SE — Scanned from SE
Form analysis
0 forms found in the DOMText 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