Going from Photoshop comp to code just got easier.


Creative Cloud Extract re-invents the comp-to-code workflow for web designers and developers. Easily extract vital design information from a PSD comp — including colours, fonts, CSS and assets — to use when coding mobile and desktop designs.
Creative Cloud Extract
Extract in action.
Export Assets in Photoshop CC lets web designers define optimised assets in record time. In Dreamweaver CC, Extract offers contextual code hinting and asset extraction within the coding environment.
Export Assets in Photoshop CC
Designers who create Photoshop comps can quickly define and package image assets from individual layers, using a simple, visual interface built on top of Adobe Generator. This speeds up production time so designers can spend more time designing.
Extract in Dreamweaver CC
Web designers and developers can now view PSDs in Dreamweaver and use contextual code hinting to easily define fonts, colours and gradients in their CSS. They can also drag and drop optimised images into the Live View surface, copy text and more.
    Sharpen your skills and learn new techniques with our free tutorials. Learn more ›

Connected to Creative Cloud.
Creative Cloud brings together the world’s best creative apps for desktop and mobile, plus more connected ways of creating and sharing. Learn more ›
Go from design to development on the double.
Get Extract along with the entire collection of Adobe’s creative apps for as low as HK$388.00/mo.
Related apps and services
Image editing and compositing.
Web and mobile design.