Browser not supported

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


Using Craft by InVision

Follow

Craft is a free plugin for Photoshop and Sketch that helps streamline your design workflow by automating tedious actions and pulling in more realistic sample data. Craft consists of the following tools:

  • Duplicate: Quickly copy and arrange a layer in no time at all
  • Data: Bring real text, images, JSON, and live web content to your prototype, helping make your prototypes feel real without spending time making mock data within the app.
  • Sync: Send your designs into InVision instantly- no saving, exporting, dragging or dropping. Simply select your screens in Sketch or Photoshop (for macOS and Windows), choose the prototype you want to sync to, and easily import all of your screens into InVision.
  • DSM: Design System Manager (DSM) offers a unified way to design at scale by helping teams create, maintain, and evolve a powerful design system.
  • Freehand: Rapidly capture feedback throughout the product design process in a real-time, flexible, and collaborative way.
  • Prototype: Create interactive prototypes in Sketch via Craft Sync to build and share in minutes.
  • Stock: Powered by Getty Images, Stock makes it easier than ever to search, comp, and place premium, high-resolution imagery in your designs.

Craft Manager

Craft Manager is an app that lives the Mac menu bar. With this app, you can install new Craft tools, update existing tools, and manage settings.

craft_manager.png

Installing Craft

Craft is available for download from InVision. Once you’ve downloaded it, you can install it by doing the following:

  1. Double-click the CraftManager.zip file you downloaded to extract Craft Manager.
  2. Double-click Craft Manager icon in your Downloads folder.
  3. A new window appears asking if you’d like to move Craft Manager to the Applications folder. Make your selection, and Craft Manager will install into the appropriate folder.

Artboard.png

     4. To open Craft Manager, click the Craft icon (craft-manager-icon.png) in the Mac menu bar.

Screenshot_2016-06-29_15.02.42.png

     5. Select either Photoshop or Sketch and click Install to install each tool.

After that, you should be ready to experience Craft.

For Windows, you’ll need to download the Craft Sync Windows Installer in order to use the Craft Sync tool.

Using Craft

For a quick overview of Craft, check out https://www.invisionapp.com/craft which describes the available tools.

We also have more dedicated resources for the Craft tools DuplicateDataFreehandPrototypeStock, and Sync.

Frequently Asked Questions

Is Craft completely free? What about future updates?

Yes! Craft is free and we plan to release future updates for free as well. To download, you just need to go to https://www.invisionapp.com/craft and submit your email address so we can provide you with a download link.

How do I get help with Craft? What if I find a bug?

We’re here to help. Contact us if you have questions or need help and we’d be glad to help with any questions you have.

What versions of Photoshop and Sketch do you support?

Craft supports:

  • The two most recent major versions of Photoshop
  • The two most recent non-beta versions of Sketch

For the best experience, we recommend downloading the newest non-beta version of Sketch.

Why can't I install Craft Manager?

If you try to install Craft Manager using the instructions above and you see the message, "Something went wrong. Visit Help Center" that means something in the install process failed, and you’ll need to manually install the manager using these instructions:

  1. Download Craft Manager directly.
  2. Delete Panels.app from your Application folder.
  3. Drag and drop CraftManager.app to your Application folder.
  4. Launch the Craft Manager app.

Installation of Craft Manager might also be failing if you don't have admin rights on the machine you’re using to install Craft. If you don’t have admin rights, please work with your IT team to get the correct permissions or to have Craft Manager installed.

What operating systems are supported by Craft Manager?

We recommend using Craft Manager with the 2 most recent major versions of macOS: Mojave (10.14) and High Sierra (10.13).

Is Windows still supported by Craft?

Going forward, with the exception of Craft Sync, the rest of the Craft tools will only be available for macOS. You’re welcome to continue using the current version of the other Craft tools for as long as you’d like, but no further updates to the Windows version will be released and it may stop working with future updates to Photoshop.

Why won’t Craft automatically install for Sketch in OS X?

There are a few reasons why the Craft installation might fail. Check out Why am I seeing "Something went wrong!" when installing Craft? for more information on this issue.

Why won’t Craft automatically install for Photoshop in OS X?

If you encounter an error saying “Auto-install failed” for Photoshop in OS X, you’ll need to manually install the plugin. This is generally necessary if there’s a permissions issue preventing the installer from installing to the plugin folder for Photoshop.

To install manually on OS X:

  1. Download the Craft tools for Photoshop.

  2. Unzip then file folders should appear.

  3. Select and copy the following folders:
    - com.invisionlabs.duplicate
    - com.invisionlabs.photos
    - com.invisionlabs.sync
    - com.invisionlabs.type
    - com.invisionlabs.freehand

  4. In Finder, click on the Go option in the top OS X menubar and click Go to Folder.

  5. In the window that appears, paste ~/Library/Application Support/Adobe/CEP/extensions and click OK.

  6. Paste the folders from step 3 into the “extensions” folder.

  7. From the downloaded folder, copy com.invisionlabs.sync-generator

  8. Navigate to Applications > Adobe Photoshop CC 2018 (or your current version) > Plug-ins > Generator.

  9. Paste the folder copied from step 7.

Once you’ve done that, you should be good to go.

I’ve tried manually installing Craft but it still won’t work! What can I do?

Craft has been tested with Photoshop CC 2018 and Sketch 50.x, but you should make sure that you’ve fully updated Photoshop or Sketch if you’re running into trouble. If it’s still not working, contact Support and we’d be glad to help.

Where do I find the Craft tools in Photoshop?

If first using Craft in Photoshop, you may need to add the tool to your toolbar. To do that, go to Window > Extensions in the menubar and then select the tool (Duplicate, Data, Sync) you want to use.

Note: Each of the three tools will appear individually. You will not see a plugin named "Craft" listed, but instead you will see the three individual tools.

Why is Sketch crashing after I installed Craft?

Craft shouldn't crash Sketch normally but there are a few reasons why it might happen. Please check out Why is Sketch crashing after I installed Craft? for more on why and how to fix it.

How do I uninstall Craft?

You can easily uninstall the Craft tools by:

  1. Click the Craft Manager icon (craft-manager-icon.png) in the OS X menu bar.
  2. Click the gear icon in the upper right corner.
  3. Click on Preferences.
  4. Click Uninstall Craft to uninstall the tools.

If you need to manually uninstall the Craft tools or want to uninstall the Craft Manager app, how you do so depends on which component you’re trying to uninstall:

Craft Manager

To fully uninstall the Craft Manager app after uninstalling the tools:

  • Open your Applications folder and right-click on CraftManager and click Move to Trash. If it can't be moved to the Trash because it's running:
    1. Open the Activity Monitor app in OS X

    2. In the upper right corner, search for "CraftManager" and click on the app that's listed. CraftManager is the companion app for Craft that helps install and update the Craft tools.

    3. Click on the stop sign icon in the upper left corner

    4. Click Quit to close CraftManager

    5. You should then be able to delete the "CraftManager" application successfully
    6. Once deleted, empty your trash to ensure the app is permanently deleted

Sketch

  1. Go to ~/Library/Application Support/com.bohemiancoding.sketch3/Plugins
  2. Delete Panels.sketchplugin
  3. Go to ~/Library/Application Support/com.bohemiancoding.sketch3/
  4. Delete the Panels folder.

Photoshop on Mac OS X

  1. Go to ~/Library/Application Support/Adobe/CEP/extensions
  2. Delete the folders that have Craft tool names, such as:
    • com.invisionlabs.data

What happens when I quit Craft Manager?

If you quit Craft Manager, your tools won’t show up automatically after you open Sketch. You can restore the Craft panel by going to Plugins > Toggle Craft from your Sketch menu bar.


Was this article helpful?

Still have a question?

Contact Us