Join Over 17,000 Designers and Get My Free Design Tools

Get access to my email newsletter and all of my exclusive design tools, assets, Genesis child themes and more.

Get Free Access
Get Free Access
The Essential Web Design Handbook

Learn to Design Beautiful and Simple Websites

using my simple and proven methods.

The Essential Web Design Handbook is a complete guide to designing simple websites from initial ideas to the final Photoshop project files.

Get The Ebook

Comments

  1. I always regrettably skipped the wire framing step for most sites because i didn’t want to use a separate software and didn’t want to take the time to build my own library. Now i don’t have an excuse. You are a real friend to the web community.

  2. Thanks Rafal!!! I will try this out on my next project…I’ve been thinking I need to start doing more wireframing (because I suck at sketching thumbnails) and this will be perfect. :) Thanks!

    • Sketching is good for quick ideas and while doing some research.

      Wireframes will let you show best ideas to your client and get the feedback without spending too much time on it. I love this design process.

  3. Many many thanks Rafal for sharing this!

    You for sure listen to comments and now sharing this kit. Going download it and start exploring. This gonna help lot of budding designers, once again thanks – you rock man 😉

  4. Thanks for sharing! I used to make mine in Photoshop, then switched to Mockingbird but clients seem to get all confused about widths’s and sizes. Plus saving time is a good point. Thanks for brining me back to this option!

    • I’m planning to upgrade my Photoshop to CS6 soon. I never have time to upgrade my software 😉 I usually upgrade every 2-3 versions.

      I’m sure it’ll improve my design workflow.

      • Sure and especially when you use photoshop for wireframe it change everything. Before I alway try to find a way to use Indesign and Photoshop layer comps to make the process faster but many Dev prefer the normal photoshop file.
        But now with layer comps and style awesome time in perspective.

  5. I use Gimp 2.6.12 on Linux Mint.

    I had to drag the elements from the layers pallet to my new window and I can only make limited changes to the element’s size and shape. I can change the elements colour and opacity.

    The wire frame is still a really useful tool though, and can be used by people on a tight budget 😉

    Thanks Rafal

  6. Makes me wish I was a Photoshop man, but I’m not…
    I did try Photoshop but I struggled so now I use Fireworks.
    Love the examples of wireframe to final layout… good to know how you guys work.

  7. Just found your site, cool wireframe. Never thought of using it on my designs, but hey might as well give it a try and see how fast I can create a layout. Thanks for this Rafal, amazing site you got here :)

  8. Just wanted to chime in that this template works great with Fireworks, better than with Photoshop in my opinion.

    Not sure why more web designers don’t use Fireworks, but that’s a blog entry in and of itself.

  9. This is something I’ve been meaning to do myself for quite a while. Instead I may just convert this kit to Illustrator.

    Thanks for this, very much appreciated. :)

  10. Hi Rafal Tomal,

    Very nice job on the wireframe kit. I have wanted to make my own for a long time and you did leg work.

    I owe you a tall beer!

    Thanks,
    Bob

  11. Hi Rafal – thank you SO much for this! It’s really very kind of you. I’m learning to customize Genesis child themes and end up just changing the CSS and PHP on the fly and then seeing how it looks. I know that going through the design process first, especially in Photoshop, would save me time in the long run. I’m thinking I’m about to be disciplined. :-)

  12. Hello,
    Thanks so much for this kit! I also wanted to mention another free plugin that would go well with it is GuideGuide to set up guides quickly. I also really enjoy the legibility of your site.

  13. After trying a ton of different tools as well, I found that all of them were missing something. In the end I’d rather use my main design tool, which is Photoshop, than spend more time and breath trying to figure out which other tool to use.

    Thank you for these, they’ll come in really handy!

Leave a Reply

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