Could you please advise me the tools that can draw images like this or this serving as a design for CSS layout?

3 Answers 3


I generally do wireframes in photoshop, but you might like to take a look at http://balsamiq.com/ which is a mockup / wireframing tool with a "sketch" style. It's more focussed at UI mockups than specifically CSS I think.


Maybe I read the question wrong, but I thought perhaps it was seeking a tool to output a line-drawing representation of existing CSS and markup. If so, the Fire Fox Web Developer toolbar can help.

Under the Outline option you can have it outline different sections of your page to see clearly how all the elements of your page are nested together. I have found this extremely helpful when trying to troubleshoot a complex layout that someone else has written.


It's not too clear what you are asking for, if you need a tool that generates CSS and layout for you then you probably could use 960 Grid System, if you need a tool for creating mockups then you could use Pencil or the tool Matt has recommended you.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.