Skip to main content

Photoshop's new 'Copy CSS' feature explained

Yesterday we gave you the highlights of new changes to Photoshop announced by Adobe, now available to online subscribers via Adobe's Creative Cloud service. Web designers have been particularly intrigued by the new "export to CSS" function, and Adobe has since released this video showing how it works in practice.

In the brief clip, Photoshop product manager Stephen Nielson, demonstrate how the new feature enables designers to quickly export CSS markup for text and shape styling. Basically, you can right-click on a layer or group, and choose 'Copy CSS' and Photoshop generates code which you can paste into your code editor.

If you like the idea of the new feature but you're unwilling to take out a subscription to the Creative Cloud, you might want to investigate CSS Hat, a $29.99 plugin that provides similar functionality.

Also read:

Are you tempted by the new feature - or do you think modern web design should be done in the browser? Let us know your views in the comments below.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.