We’ve completely revolutionized the InVision workflow

Now when you save your source files to InVision, we can extract individual screens automatically for use in your prototypes. We’ll also save out individual assets, Google web fonts, and provide you with a “save-by-save” version history of your design source files—Provided you’re using our desktop sync app.


Important Note: This set of features is currently in beta, if you run into any issues, please shoot us an email at support@invisionapp.com.

How to extract screens from source files

When you upload a source file to InVision (save your file to “Assets>Source Files” with InVision Sync or Dropbox), we’ll extract any screens or assets you want automatically, saving you the time and energy so you can move on to the important work ahead.

In order to take advantage of these powerful features, all you need is three basic symbols.

cheat-sheet


Want to try it out? Grab our demo PSD and upload it to InVision!

If you opt out of using symbols and design only one screen per source file, we’ll export a flattened version of your document(s) and bring it into the screens tab as well.

More about symbols

The ‘+’ symbol

Adding a plus symbol before any layer, layer group, or layer comp will mark it to be exported as an individual screen.

The ‘*’ symbol

Adding an asterisk symbol before any layer or layer group will mark it to be exported as a global element to be included on every screen (provided it’s at the top of all your layers). This symbol is really handy for nav bars, status bars, or any other persistent global elements.

The ‘&’ symbol

An ampersand symbol before a layer or layer group will export an alternate version of it’s parent screen with the “&” layer’s visibility turned on. (Ampersand symbols only work inside of other layer groups.) These are really helpful for smaller changes, like hover states, tooltips, dropdowns, and more.


What’s currently supported and what’s coming

Right now you can use the above symbols and syncing on:

Photoshop files:

Sketch files: Get all the details here.

Illustrator files:

Coming soon:

Let us know your thoughts

As always, we want to know what you think! Drop us a line on twitter or shoot us an email with any questions at support@invisionapp.com.

The post Design File Syncing (.Psd, .Ai, .Sketch), Version Control & More! 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