Grab CSS from Photoshop files visually in Brackets

Grab CSS from Photoshop files visually in Brackets


NJ sneaked at Adobe MAX 2013 an extension for Brackets that extracts CSS styles from PSDs. In the lower panel you can see a PSD; in the upper panel you can see the CSS code. This code is grabbed via auto-complete from the PSD below. Brackets just grabs the styles for a selected object on the PSD, including position, text format, gradients, colors, and more.

Watch the video:

PSD Lens


Written by: |   Uncategorized     |    June 6, 2013

Creative Cloud - Get all the Adobe creative desktop tools + services like 20 GBs file sharing.
  • miron

    The world waited for this! Thank you!

  • Bruno de Almeida

    Revolution in web development is that!

    When will we have?

  • peckgfx

    When will we able to use this ?

  • Maxime

    How to get the extension in Brackets?

  • Sergio Andrade

    Amazing..

  • http://www.kizi-2.net/ kizi 2

    I’ll wait for more detailed information

  • http://www.frivgazo.com/ Friv 4

    thank you ! it’s amazing @@

  • http://www.friv2friv3friv4.com/ friv 2 friv 3 friv 4

    The world waited for this! Thank you! Friv 2

  • http://www.tulatinshop.com David Pire

    I am sure that all front-end developers are waiting for this and reflow with media queries integrated into brackets

ToTop