loading...

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?

Discussion

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.