What wireframing tools do you use?

madza profile image Madza ・1 min read

Wireframing is schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. It's an essential step after the initial planning of the idea, data and users.

Recently I discovered draw.io, which has been awesome for this purpose.

What wireframing tools do you use?


markdown guide

I've used Whimsical a bit, and like it so far, but it would be really great if it exported layered / vector documents. The focus on wireframes means simpler tooling and streamlined components to map out a concept quickly. With full-fledged design tools like Figma and XD, it can be challenging to hit the right level of detail for wireframes, unless you're working with a comprehensive wireframe component kit.


Draw.io is amazing! I also love Figma, which tends to be for designs rather than wireframes but it can be used for that too. And Adobe XD of course


I use Figma for designs too, just find draw.io to be more specifically focused on wireframing :)


Figma for me as I can run it on my Linux machine.


I use Figma and Adobe XD. Sometimes Miro or Google Draw as well when I need something really quick and fast.


Thanks for recommendations, I need to look more into Miro and Google Draw :)


Interesting discussion! I've more recently just opened up Microsoft Word to throw together a quick wireframe. This really helps me to avoid any visual design.