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.
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: