If you do not have Photoshop and have wondered what is the best way to extract assets and style information without it, then a great new free tool from Adobe called Extract should interest you (and even if you do have Photoshop, this tool may well be of use).
Extract is available as part of Adobe’s Creative Cloud Files, a cloud storage service which offers 2GB of free storage to share files, folders and collaborate — all accessible from your desktop, smartphone or tablet.
Extract is certainly a valuable new tool for web designers and front end developers, and Adobe’s own Creative Cloud blog succinctly describes what Extract does:
‘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.’
It’s great to be able to do this simply and effectively in the browser, and it’s extremely intuitive to use. You can try Extract now to get a taster, or take a look at the Extract for PSD to Web Workflows document or the YouTube video.