Adobe Systems Incorporated

Extract: Drag, Drop and Click to Web Extraordinary

When Adobe released the Project Parfait beta in April 2014, the team knew it had something wonderful on its hands. But the tool—which enables front-end developers to effortlessly transform comps into code by dropping PSDs into a browser—was met with excitement that the team could never have predicted. (Really. Check out what people were saying on Twitter.)

At that time, Project Parfait was a standalone web app. Fast-forward to today… We’ve named the tool Extract and a Preview version has been integrated into Creative Cloud Files. It’s one more time-saving addition to Creative Cloud.

Extract_1

Assets in the Asset Panel

Less back-and-forth

The new feature in Creative Cloud Files enables Web designers and developers, who work with PSD files, to easily create code-based design from Photoshop CC compositions. That means extracting style information and image assets, copying text and CSS, grabbing color, gradient and font information, measuring distances between elements, and saving optimized image assets for production—with a drag, a drop, and a click of the mouse. From a single PSD file. Directly in Creative Cloud Files.

And the best news: Anyone with a free or paid Creative Cloud account can upload a PSD file to Creative Cloud Files and use Extract. Not only that, but once an Extract link has been shared, the recipient doesn’t need to be logged-in to a Creative Cloud account to pull assets and measurements from the file.

So there it is. A bit of magic. From Adobe. Go on, give it a try.

Some (quick) Extract lessons

A help doc from our Adobe Learn team: Extract for PSD to Web Workflows

And a video by Adobe evangelist Paul Trani:

Be sure to follow Adobe Creative Cloud: Web on Facebook and Twitter to tell us how we can make Extract better, easier to use, or, heck, just to pass along some love to the team.

COMMENTS

  • By Bipper Media - 6:22 PM on August 24, 2014  

    what is the total space allocation with a paid creative cloud account?

  • By RZKY - 4:32 PM on August 25, 2014  

    wow.. this is super awesome. and this is free, right?

    • By Sue Garibaldi - 4:51 PM on August 25, 2014  

      It’s a really great tool; and, yes, part of a Creative Cloud membership. _Sue.

      • By RZKY - 12:29 AM on August 26, 2014  

        but i can still use it with a free CC membership, right? my office haven’t upgraded to CC. we’re still using CS6 :(

        • By Sue Garibaldi - 2:36 PM on August 26, 2014  

          Yes, the feature is available with a Trial membership. _Sue.