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.
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.
Related apps and services