Topic Archives

Wireframe Tools

Select the best wireframe tools for your projects. Reviews and recommendations for wireframing software.

View all UI design content

50+ Free Wireframe Templates for Mobile, Web & UX Design

50+ Free Wireframe Templates for Mobile, Web & UX Design

A collection of UI templates and kits for wireframing websites and mobile applications in Photoshop, Illustrator, Figma, or Sketch.

The 10 Best Wireframing & Prototyping Tools for UI & UX Design

The 10 Best Wireframing & Prototyping Tools for UI & UX Design

If you’re looking for the best tools for creating wireframes or prototypes on the market to add to your UI or UX design tool kit, you will find them here.

Why You Should Consider Updating Your Web Design Workflow

Why You Should Consider Updating Your Web Design Workflow

Reasons to reconsider and update your web design workflow for efficiency, creativity, and client satisfaction.

5 Printable Templates for Sketching Responsive Layouts

5 Printable Templates for Sketching Responsive Layouts

As mobile devices evolve, designing websites responsively has become necessary. However, unlike static or fixed websites, the fluidity and flexibility of responsive sites can make it challenging to convey design…

20 Inspiring Examples of Sketching in Icon Design

20 Inspiring Examples of Sketching in Icon Design

We have a collection of some of the most creative and inspiring examples of icon sketching by designers from all across the world.

In Web Design, Easier Doesn’t Always Mean Better

In Web Design, Easier Doesn’t Always Mean Better

You can find solutions that make web design easier and cost-effective. However, it takes careful scrutiny to determine if that truly is the case.

15+ Free Mobile UI & Wireframe Kits for Sketch App

15+ Free Mobile UI & Wireframe Kits for Sketch App

Collection of the best free mobile UIs and wireframe kits for Sketch App that you can use as a starting point for your next design.

Should You Wireframe a UI or Not?

Should You Wireframe a UI or Not?

There are many ways to improve your efficiency when working in any media based industry. One of the simplest and most effective ways I’ve found is to “draw your map”….

What the End of Adobe XD Says About the State of Design Tools

What the End of Adobe XD Says About the State of Design Tools

Why wasn’t Adobe XD a success? And what does its demise say about the state of design tools? We can look to the design community for answers.

How Could AI Change Web Design Tools?

How Could AI Change Web Design Tools?

Imagine how AI could change web design tools in the future. How might it look? Here are a few (thoroughly-unscientific) guesses.

2020 Web Design Year in Review

2020 Web Design Year in Review

We look back at some of the most important and most interesting developments that impacted web designers this past year.

20 Inspiring Examples of Web and Mobile Wireframe Sketches

20 Inspiring Examples of Web and Mobile Wireframe Sketches

A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. And to help you get inspiration as well as…

Wireframes… Who Needs Them?

Wireframes… Who Needs Them?

I do, and throughout this post I’ll try to explain why you do too. So what exactly are wireframes? Wireframes are visual representations of your websites structure, a blueprint to…

The Free Glossy 3D Web UI Kit (Photoshop PSD)

The Free Glossy 3D Web UI Kit (Photoshop PSD)

The free kit is available in both PSD & PNG and is choc-full of beautifully designed modern web elements covering almost all aspects of web design.

Wireframing, Prototyping, Mockuping – What’s the Difference?

Wireframing, Prototyping, Mockuping – What’s the Difference?

The terms wireframe, prototype and mockup are often used interchangeably, yet they are not the same. This blog post explains what sets them apart and how they are used. They…

The Benefits of Using OmniGraffle in Web Design

The Benefits of Using OmniGraffle in Web Design

OmniGraffle is the OmniGroup’s visual design tool for Apple’s OSX and iOS. It has a deep, extensive set of features that makes it a useful tool to solve most visual…

Tips for Wireframing a Usable Mobile App UI

Tips for Wireframing a Usable Mobile App UI

A lot of time and energy is required to build mobile iOS/Android apps. Aside from the coding and UI design you need to plan functionality ahead of time. This way…

Adobe Fireworks Wireframing Resources & Tutorials

Adobe Fireworks Wireframing Resources & Tutorials