How To Convert PSD To HTML Using Brackets

How To Convert PSD To HTML Using Brackets


*** Updated Video PSD TO HTML using Extract:

In this video you will learn how to convert a Photoshop PSD file to HTML using a free app by Adobe named Brackets. You just need to know a little bit of HTML and CSS.

Download Brackets:

Download the files used on this video:

Michael’s photos instagram:

Adobe Creative Cloud:

If you have questions please leave a comment below or contact me:

Music by PeriTune – Positive


  1. Dude, it was awesome 😃

  2. Awesome pretty straight forward lots of time saving.

  3. I have one drive. I want to host a web page with one drive. I like how photoshop already does everything you did perfectly with a click of a button. It's called: export for web and the slice tool. But I can only see the HTML when using my computer. So I would like to be able to use one drive to find my images and words to paste into the the HTML. I would also like to have a sharable link for that. I bought Photoshop legetimatly, I think, on Pimpkey, on google shopping. It works great. But I'm not going to sell my soul to creative cloud. I already sold it to microsft, I'm not going to do it twice. I've tried doing this with weird scetchy mal ware google sites that ask you for administrative control on your google account, but it still didn't work. That site used, google drive. I'm really quite lost. I know how to get one image that isn't sliced to work using gurl. But I want a whole website. I'm very frustrated. I can get it with a drag and a click of a button using photoshop, but only on my computer… I should be able to use my resources to share my html. I don't have the creative cloud resource, however. I think this would help a lot of people to get this fixed.

  4. This would have been handy. . . maybe 10 years ago.

  5. You literally wrote the whole css and html, how do you call convert duh!

  6. i tried to install extract tool, but i did not find it, please can you help me how i can install extract tool

  7. Thanks bro, this is exactly what I was looking for!

  8. what the point of this if you have to do it by yorself not automatcally

  9. what is the name of your text editor


  11. 1:55 this man voice cracked lmfao

  12. Hi, there is no "Extract to Brackets" option in my version. – 1.13. Please help me to get that option. If that option is not enabled, its waste for me.

  13. 1:57 listen max volume then repeat

  14. if this app is supposed to convert a psd to a html file!……..then why do we have to code again….?

  15. Hey. Thank you for this video. I want to ask you. How can i to use this a program in Windows ? Thank you. I need help.

  16. Too much work for the same result. I would design it from scratch in CSS instead.

  17. Dislike. This is basically doing HTML. No essence of Photoshop

  18. Please delete this video… Extract tool is no longer available now

Leave a Reply

Your email address will not be published. Required fields are marked *