Adobe announced some big news today: You can now create Artboards in Photoshop CC 2015. Even though Artboards are brand new, we’ve partnered with Adobe to support them in InVision right off the bat.


Try it yourself: grab the demo file and experience Artboards.

What does this mean for me?

When you upload a PSD with Artboards, InVision will automatically turn each artboard into its own screen, retaining the title you gave it in Photoshop.

If you’ve synced PSDs with us previously, this means you won’t have to use symbols to get your screens into InVision (but you still can, if you want). Just upload the PSD like normal, and the new feature will automatically convert the Artboards into individual screens.

Note: if you’d like to exclude an Artboard from showing up in InVision, just add a minus “-” before the Artboard name

divider

Like what you see? Check it out on Product Hunt!

divider

Getting started with Artboards

First, you’ll need to make sure you’re running the latest version of Photoshop: Photoshop CC 2015.

Then, you’ll need to make a new document. You should see the new document type, Artboard, in the drop down menu.

ps-atb-1

Photoshop Artboards launched with a big list of helpful device sizes, including some recommendations for common resolution questions: What size should my designs for X be?

Once you’ve made your new Artboard project, check your layers panel. The Artboard will present as a brand new level of hierarchy.

You can duplicate Artboards by either alt+dragging an existing Artboard, or create new ones by selecting the Artboard tool (shift+v), and clicking the Create new Artboard button.

sp-ab2

After you’ve created your Artboards, you can upload the PSD to InVision and we’ll create separate screens for your Artboards automatically, or you can quickly export your comps using the “Quick Export as PNG” function. You’ll be able to easily set a destination folder for your Artboards right from your layers panel.

sp-ab3

We’re incredibly thankful to the Photoshop team for their partnership to make this feature a reality on day 1. Be sure to check out all the other great updates to Photoshop CC 2015.

If you have any questions about Artboard support or need help using this new feature, hit us up on twitter at @invisionapp or reach out to us at support@invisionapp.com.


Ready to jump-start your workflow with Artboards?

The post Adobe + InVision team up to support Photoshop Artboards appeared first on InVision Blog.

More New Features

View All
All fields required

Win a free shirt

Grab yours from the invision marketplace

Win this tshirt

Double your chances

Tweet and get a second chance to win

Tweet Now

No Thanks

Stay in touch

We share news, freebies and more on twitter

Follow us

Win a free shirt

From the invision marketplace

Enter to Win

Win this tshirt
Close

Enter To Win

Submit your email for a chance to win

Close

Double Your Chances

Tweet and get a second chance to win

Tweet Now

No Thanks

Close

Stay in touch

We share news, freebies and more on twitter

Close

Need More Power for Your Team?

Enjoy unlimited access, enhanced security, and VIP support – free for 14 days.

Try Enterprise Free

Close

Download Our Logos

Grab a Zip packed with our logo and bug (icon) in PNG and EPS formats.

Download Logos