• Skip to main content

Rafal Tomal

Learn Design and Create Better Websites

  • About
  • Courses
  • Tools
  • Tips
  • Blog
  • Contact
  • Work With Me →

Free Photoshop Wireframe Kit

posted on September 21, 2012

TweetFacebookLinkedInPin

In my previous post Making of: BillErickson.net Redesign I showed you the wireframe I created for my client. Many people asked me about the PSD I’m using to build my wireframes.

So, in this post, I’m going to share with you my very simple wireframe kit I’ve been using for a long time. I created it a couple of years ago and I’ve updated it many times since then. I always tried to keep it as simple as possible and avoid too many details.

Here is a quick preview of what this wireframe kit includes:

  • Notes
  • Images & video
  • Form fields
  • Headings, paragraphs and bullet lists
  • Navigations
  • Ad banners
  • Common website elements like: search box, email sign up form, etc.

This file is no longer available.

Check out my other design tools.

There is no special license on this wireframe kit. Feel free to modify it and share it with others. Simply, do whatever you want with it.

How to use it?

This is simple. If you have two monitors or a really big screen, it’ll be very helpful. I usually open a blank Photoshop document in one of my screens and the wireframe kit PSD in the other one. Then, I simply drag the elements I need from one document and drop them into the other one.

As you can see, all elements are black in my wireframe kit. You can easily change the background by managing the opacity of the element. This way, you can show that some parts should be more prominent or less prominent. Also, you can change the shape’s color by double clicking on the black square next to the layer name in the “Layers” panel.

Make sure to avoid too many details in your wireframe. I even try to avoid any text inside the wireframe graphics and I leave all notes in the yellow boxes on the side. The less detailed wireframe you create the more freedom you will have during the visual design phase. So, be careful to not limit yourself at this stage.

Here are some quick Photoshop hints on how to make your work faster:

  • While holding the Apple or Alt key and clicking on the element you can quickly select the layer you need.
  • You can quickly change the layer’s opacity by pressing 1 – 9 (0 is 100%) on your keyboard.
  • Check “View -> Snap” and make sure you have checked all options under “View -> Snap to”. It’ll help you to better align the boxes.
  • Create your own static elements by selecting a few layers and then choosing “Convert to Smart Object”.

Examples

Here are some examples of wireframes I created using this simple kit:

JayBaer.com
phoenixrealestateguy.com

Why Photoshop?

Yes, everyone asks me this question. Why am I using Photoshop to build wireframes?

I know, there are so many applications to help you build the wireframes and even let you collaborate on the same project with your clients or colleagues. I’ve tried many of these apps and I’m not saying they’re bad. Somehow, I always ended up using my wireframe kit and doing everything in Photoshop.

Here are a few advantages of using Photoshop:

  • If you feel very confident in Photoshop, it’s just much faster than learning new software.
  • You’re not limited to design elements offered by the software. You can create just about anything you want and decide how these elements should look. Then, you can bundle them into smart objects and use them again in other projects.
  • You can use real pixel dimensions that you can later base your actual design concept on. Of course, the wireframe is not about pixel perfect layouts but it’s very handy if you can actually build your wireframes based on a 960 or 1140 template.
  • If you have more than one wireframe page, you can keep them in separate layers and then use “Layer Comps” and “Smart Objects” to save your time.
  • You can easily export it to almost any file format. If you want some quick feedback from your client, export it to PDF and your client can add his comments to the document and send it back to you.
  • You can customize it and make your wireframes look original.

And here are some disadvantages of building wireframes in Photoshop:

  • You need to spend some time to build your wireframe kit – looks like this is not a problem for you anymore 🙂
  • It may not be that fast if you’re not a Photoshop ninja.
  • The more complex design elements are not that easily scalable. You need to resize elements often by moving single vector points. That’s the only thing that bothers me while working on wireframes in Photoshop. It would be perfect if I could quickly resize the smart objects and prevent some elements inside it from scaling.
  • Collaboration with other people on the wireframe might be more difficult. Only you and other people who know how to use Photoshop can actually edit the wireframes. I think this should go under the advantages 😉

Have fun!

I hope you’ll find my wireframe kit useful. I’d like to hear your opinions about using Photoshop for wireframing. What software do you use?

This file is no longer available.

Check out my other design tools.

TweetFacebookLinkedInPin
Previous article: Making of: BillErickson.net Redesign
Next article: A Story Of My First “Client” Who Changed My Life

Join 20k+ people who love good design. Get my best tips, resources, and strategies to elevate your design skills and grow your business.

About Author

I'm Rafal Tomal, I help designers and businesses create simple and beautiful websites that work.

More about me...

Reader Interactions

Comments

  1. Chad Pierce says

    September 21, 2012 at 2:16 pm

    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.

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:45 pm

      Chad,
      I’m glad you found it useful! Thanks for a comment 🙂

      Reply
      • Kevin says

        April 12, 2013 at 12:28 pm

        Hi,

        Why can i not open the PSD. Can you send it to me by e-mail ?

        Greets,
        Kevin

        Reply
        • Ben says

          December 9, 2013 at 2:55 pm

          I am having difficulty opening the file as well.

          Reply
          • Ben says

            December 9, 2013 at 3:57 pm

            oh, I discovered if I save as a zip instead of psd it works correctly, thanks!

          • Rafal Tomal says

            December 9, 2013 at 5:35 pm

            This file is zipped. It’s full name is:

            RafalTomal-WireframeKit.psd.zip

            You need to unzip it first and then open it in Photoshop.

            Sorry if this caused any problems!

    • Marco Berrocal says

      July 14, 2013 at 5:07 am

      And I thought I was nuts for feeling the same way…lol.

      I just don’t wanna spend a lot of time wireframing and showing it to the client if needed to be….

      This is helps tremendously.

      Thank you!!!

      Reply
  2. carrie says

    September 21, 2012 at 2:17 pm

    Rafal, hats of to you for sharing your design process in the Bill Erickson tut and then making the wireframe available to the community. You rock!

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:46 pm

      Carrie,
      thanks! Follow my blog if you want more 🙂

      Reply
  3. Jacob Roman says

    September 21, 2012 at 2:21 pm

    Thanks for these Rafal. These will be very useful. Thanks for the useful tips as well.

    Reply
  4. Syed Balkhi says

    September 21, 2012 at 2:21 pm

    Great resource. Thanks Rafal 🙂

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:52 pm

      You’re welcome 🙂

      Reply
  5. Thauna says

    September 21, 2012 at 2:26 pm

    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!

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:48 pm

      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.

      Reply
  6. BasicWP says

    September 21, 2012 at 2:30 pm

    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 😉

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:49 pm

      Hey, thanks! I’m glad you like it 🙂

      Reply
  7. Bilal says

    September 21, 2012 at 2:38 pm

    Thanks Rafal for the wireframe.

    Reply
  8. Rachael Butts says

    September 21, 2012 at 3:50 pm

    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!

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:52 pm

      Rachael,
      great! I tried a few different wireframe apps but always came back to Photoshop. Sometimes all you need is a rectangle tool and that’s it! Keep it simple.

      Reply
  9. Grégoire Noyelle says

    September 21, 2012 at 4:43 pm

    Thanks a lot Rafal. And the Photoshop CS6 version make life really easier since it support paragraph style. Before that’s bugs me a lot.

    Reply
    • Rafal Tomal says

      September 21, 2012 at 4:51 pm

      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.

      Reply
      • Grégoire Noyelle says

        September 21, 2012 at 8:59 pm

        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.

        Reply
  10. Dorian Speed says

    September 21, 2012 at 5:36 pm

    You’re so generous! Thank you – this is going to be a huge timesaver.

    Reply
  11. Philip Gledhill says

    September 22, 2012 at 4:11 pm

    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

    Reply
  12. Keith Davis says

    September 22, 2012 at 8:09 pm

    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.

    Reply
  13. Seth says

    September 26, 2012 at 4:20 am

    Thanks Rafal, this is just what’ve needed for some time now!

    Reply
  14. sanjay says

    October 1, 2012 at 2:02 pm

    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 🙂

    Reply
  15. Julia says

    October 2, 2012 at 4:09 pm

    Rafal, thanks for sharing your knowledge! But what about Adobe Illustrator?

    Reply
    • Rafal Tomal says

      October 2, 2012 at 11:10 pm

      I feel more comfortable using Photoshop. If you’re Adobe Illustrator ninja then it would probably make more sense to use it.

      Reply
      • Julia says

        October 7, 2012 at 3:42 pm

        Thanks for answer!

        Reply
  16. crbondur says

    December 5, 2012 at 8:24 pm

    Thanks for this wonderful kit. This is a big time saver.

    Reply
  17. Andrea says

    December 17, 2012 at 10:37 pm

    Nice wireframe, thanks for sharing.

    Reply
  18. trần công nghiệp says

    December 18, 2012 at 2:36 am

    nice tool ! for designer

    Reply
  19. Amanda says

    January 27, 2013 at 10:32 am

    Thank you so much for creating and sharing this, Rafal. You’re a gem!

    Reply
  20. Kassiah says

    February 8, 2013 at 3:23 am

    Thanks so much, Rafal. This is going to save me tons of time 🙂

    Reply
  21. Mike says

    February 9, 2013 at 4:50 pm

    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.

    Reply
  22. Alex says

    February 20, 2013 at 3:35 pm

    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. 🙂

    Reply
  23. slick 360 says

    February 28, 2013 at 3:55 pm

    cool to get some initial inspiration, but some iphone and ipad (apple) symbols would be great! may be i will do one myself 🙂 but thanks for sharing anyhow!

    Reply
  24. Bob Olsen says

    April 3, 2013 at 2:48 pm

    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

    Reply
  25. Manuel says

    June 3, 2013 at 3:21 pm

    Finally. Been looking for this a few days now.

    Reply
  26. Bruno says

    July 16, 2013 at 5:40 pm

    Thank you for the great tool.

    Reply
  27. Noob says

    July 17, 2013 at 8:25 pm

    Hey, big thanks for this, Rafal. Great to see some pointers for people starting out. Cheers!

    Reply
  28. Pam Hirsch says

    November 28, 2013 at 3:55 pm

    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. 🙂

    Reply
  29. Tim says

    December 20, 2013 at 8:41 am

    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.

    Reply
  30. Anton Martin says

    February 4, 2014 at 3:51 am

    Hey great template, thanks for sharing!

    Reply
  31. Adam says

    February 12, 2014 at 6:50 am

    Nice I was looking for something like this. I gave a few apps a shot but just kept coming back to PS 😛 ..Thanks!

    Reply
  32. In Hey Chae says

    March 17, 2014 at 6:02 am

    Hi~
    Thank you so much you open psd kit 😉
    I worked Web page many help your kit 😉

    Reply
  33. Teo Maragakis says

    September 2, 2014 at 5:53 am

    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!

    Reply
  34. Taposy Rabeya says

    July 6, 2015 at 12:06 am

    Thanks for sharing this. I love so much.

    Reply
  35. کنکور says

    November 10, 2015 at 4:10 pm

    hi thanks for share
    tnx

    Reply
  36. برنامه ریزی برای کنکور says

    January 26, 2016 at 2:07 pm

    Nice post, I want to try it

    Reply
  37. David Brandon says

    January 30, 2017 at 1:45 am

    Great wireframe kit!
    I really suck at sketching thumbnails, so this is a great resource for me to use – appreciate it.

    Reply
  38. Stelios Theodoridis says

    November 29, 2018 at 2:29 pm

    Great job Rafal. I think you are the best of your kind and i say it with absolute honesty. You have helped me many times with your work. Thank you master Rafal Tomal

    Reply

Trackbacks

  1. Znalezione w sieci #1 - doman.art.pl says:
    December 17, 2012 at 10:38 pm

    […] Jeżeli lubisz prototypować w photoshopie, warto się powyższym zainteresować. Ot taka ciekawostka. http://rafaltomal.com/free-photoshop-wireframe-kit/ […]

    Reply
  2. 30 Wireframe Templates and Toolkits | LearnersTutorials says:
    April 30, 2013 at 5:36 pm

    […] Photoshop Wireframe Kit (Photoshop) […]

    Reply
  3. A Collection of Free Wireframe Templates says:
    May 3, 2013 at 9:56 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  4. 30 Wireframe Templates and Toolkits says:
    May 7, 2013 at 6:16 am

    […] Photoshop Wireframe Kit (Photoshop) […]

    Reply
  5. A Collection of Free Wireframe Templates - bcstatic.com says:
    June 21, 2013 at 9:22 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  6. 10 Free UI Wireframe Kits | Tools says:
    June 25, 2013 at 12:07 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  7. 웹사이트 제작시 Wireframe 추천도구 | HTML5 Experts Korea says:
    August 2, 2013 at 3:10 pm

    […] 관련 사이트: http://rafaltomal.com/free-photoshop-wireframe-kit/ […]

    Reply
  8. 50 Free Wireframe Kits and Web Apps | Splashnology.com says:
    August 22, 2013 at 7:36 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  9. Making of: BillErickson.net Redesign — Rafal Tomal says:
    October 10, 2013 at 4:57 am

    […] sketches to the client. First, I convert my sketches into a digital wireframe. I use Photoshop and my own wireframe kit PSD for […]

    Reply
  10. Free Wireframe Templates – A Helping Tool for Developers and Designers says:
    October 22, 2013 at 4:01 am

    […] Photoshop stencil kit is designed by Rafal Tomal, it was developed two years back but since then, it has been updated […]

    Reply
  11. Design Resources | Trisha Salas says:
    November 16, 2013 at 8:44 am

    […] Rafal Tomal with CopyBlogger Media has an excellent wireframe kit that he’s created in Photoshop.  He’s offering this resource at no cost along with some hints to get you up to speed quickly.  http://rafaltomal.com/free-photoshop-wireframe-kit/ […]

    Reply
  12. Photoshop için ücretsiz Wireframing Setleri | templatemonsterturkey.com says:
    December 5, 2013 at 6:43 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  13. 交互设计师必藏:50个线框图套件和在线设计工具 says:
    December 15, 2013 at 8:56 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  14. UIEOC – UI Events on Calendar 交互设计师必藏:50个线框图套件和在线设计工具 » UIEOC - UI Events on Calendar says:
    December 16, 2013 at 8:30 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  15. Mocking Up Interfaces. Free Wireframing Kits for Photoshop - Template Monster Blog says:
    January 13, 2014 at 3:10 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  16. 10个免费有用的APPUI线框图套件 – 25学堂 says:
    January 20, 2014 at 2:15 am

    […] 免费的Photoshop线框套件 拉法尔TOMAL与我们分享一个很简单的线框图工具包,他创造了一个几年前,从那时起更新了很多次。以下是这是什么线框套件包括一个快速预览:票据;图像和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅,像普通的网站元素:搜索框,电子邮件注册表格等 […]

    Reply
  17. Herramientas y Kits Gratuitos para crear planos de páginas web • Fantastithus says:
    March 12, 2014 at 1:21 pm

    […] Enlace […]

    Reply
  18. Genesis Office Hours - The Inaugural Episode | Carrie Dils says:
    March 14, 2014 at 8:35 am

    […] Free Photoshop Wireframe Kit (Rafal Tomal) […]

    Reply
  19. 50个线框图套件和在线设计工具 – 学ui网 says:
    March 30, 2014 at 2:35 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  20. 20 Free Web and Mobile Wireframe Templates says:
    March 31, 2014 at 6:54 am

    […] Wireframe Kit → […]

    Reply
  21. Free Web and Mobile Wireframe Templates | Kishan Sanghani says:
    March 31, 2014 at 11:25 pm

    […] Wireframe Kit → […]

    Reply
  22. 20 Free Web and Mobile Wireframe Templates says:
    April 7, 2014 at 12:06 pm

    […] Wireframe Kit → […]

    Reply
  23. 10 бесплатных шаблонов для мобильных приложений и веба | The Cape says:
    May 2, 2014 at 12:04 pm

    […] Шаблон создал Рафаль Томаль, в нем есть: поле поиска, форма регистрации, изображение, видео, поля формы, заголовки, абзацы, маркированные списки, навигация и баннеры. Скачать […]

    Reply
  24. 20 Free Web dan Mobile Wireframe Template | Indowebarts | Indowebarts says:
    May 4, 2014 at 3:27 am

    […] Wireframe Kit –> […]

    Reply
  25. 18 Free UI and Wireframe Kits | Freebies says:
    May 7, 2014 at 6:27 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  26. Wize Designs 18 Free UI and Wireframe Kits » Wize Designs says:
    May 7, 2014 at 6:40 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  27. 18 Free UI and Wireframe Kits says:
    May 7, 2014 at 7:53 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  28. 18 Free UI and Wireframe Kits – Installaholic says:
    May 7, 2014 at 8:34 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  29. 18 Free UI and Wireframe Kits | Lunarium Design says:
    May 7, 2014 at 12:40 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  30. 18 টি ফ্রী UI এবং wireframes উদাহরণ « সবার জন্য সবকিছুই বাংলাতে এবং একই জায়গায় says:
    May 7, 2014 at 9:02 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  31. 18 个必备的免费UI线框图工具包 | 云瑞 says:
    May 7, 2014 at 10:03 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  32. 18 Free UI and Wireframe Kits | JJ SERVER says:
    May 8, 2014 at 12:58 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  33. Favourite Gadgets News and Reviews » 18 Free UI and Wireframe Kits says:
    May 12, 2014 at 3:20 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  34. 27 Free Mobile and Web Wireframe UI Kits says:
    May 14, 2014 at 9:10 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  35. 设计师福利!18套免费的UI组件和线框图工具打包下载 says:
    May 15, 2014 at 9:51 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  36. UIEOC – UI Events on Calendar 设计师福利!18套免费的UI组件和线框图工具打包下载 » UIEOC - UI Events on Calendar says:
    May 16, 2014 at 4:41 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  37. 20 Free UI and Wireframe Kits says:
    May 18, 2014 at 10:43 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  38. 20 Free Mobile Wireframe Templates says:
    May 23, 2014 at 7:00 am

    […] Wireframe Kit (PSD) […]

    Reply
  39. 设计师福利!18套免费的UI组件和线框图工具打包下载 | 覃思设计 says:
    May 28, 2014 at 10:29 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  40. Freebies di Marzo: le migliori risorse dal web!L`Informazione | L`Informazione says:
    June 3, 2014 at 6:14 am

    […] PHOTOSHOP WIREFRAME KIT […]

    Reply
  41. Genesis Office Hours, Lucky #13 | Carrie Dils says:
    June 6, 2014 at 9:00 am

    […] Free Photoshop Wireframe Kit – by Rafal Tomal […]

    Reply
  42. 18 Free UI and Wireframe Kits | Sanford Web Design says:
    June 18, 2014 at 3:03 pm

    […] Free Photoshop Wireframe Kit […]

    Reply
  43. 10 of the best free UI and wireframe kits says:
    June 26, 2014 at 9:46 pm

    […] 1. Free Photoshop Wireframe Kit […]

    Reply
  44. Docucare Copy Service – 10 of the best free UI and wireframe kits says:
    June 27, 2014 at 1:14 pm

    […] 1. Free Photoshop Wireframe Kit […]

    Reply
  45. Selected Wireframes Templates That Are Free | Templates Perfect says:
    June 29, 2014 at 1:01 pm

    […] Wireframe Kit (PSD) […]

    Reply
  46. 38 Free Web, Mobile UI Kits And Wireframe Templates | SmashingApps.com says:
    July 16, 2014 at 7:39 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  47. 18套免费的UI组件和线框图工具打包下载 – UI设计_PSD素材库 says:
    August 3, 2014 at 6:43 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  48. 38 Free Web, Mobile UI Kits And Wireframe Templates says:
    September 10, 2014 at 11:16 am

    […] Free Photoshop Wireframe Kit […]

    Reply
  49. How To Convert A Psd To Pdf With Photoshop | mobilib.org says:
    October 17, 2017 at 3:21 pm

    […] Free Photoshop Wireframe Kit – Rafal Tomal – Download the Photoshop Wireframe Kit. Join the Designers Area for free to get access to the Photoshop Wireframe Kit files and my other design tools. […]

    Reply
  50. Making of: BillErickson.net Redesign says:
    January 18, 2018 at 10:39 pm

    […] sketches to the client. First, I convert my sketches into a digital wireframe. I use Photoshop and my own wireframe kit PSD for […]

    Reply

Leave a Reply Cancel reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© Copyright 2008 - 2025 Rafal Tomal.

Affiliate Program . Privacy Policy . Cookie Policy . License .

Follow me on Twitter, Dribbble, and Instagram.

DISCLOSURE: I may be an affiliate for products that I recommend. If you purchase those items through my links I will earn a commission. You will not pay more when buying a product through my link. It helps me to continue to offer you lots of free stuff. Thank you, in advance for your support!