#Wireframing seems to be a bit of a lost art these days with #Designs often seeming in a rush to reach a higher fidelity state through tools like Figma or frameworks like the GovUK #Prototype kit (https://prototype-kit.service.gov.uk).

But the benefits of working in a lower fidelity to bring forward design ideas for discussion or to allow for earlier testing can be invaluable to a Team.

GOV.UK Prototype Kit

Use the GOV.UK Prototype Kit to quickly make realistic HTML prototypes of GOV.UK services.

So, if you are interested in how #Wireframes can support the work you are doing, here is a round up of tools to make use of. ‡
πŸ”Έ Balsamiq - One of the pioneers in the field of digital wireframing and still producing an excellent product and set of associated resources - https://balsamiq.com
Balsamiq: Fast, focused wireframing tools

Wireframe without the friction. Balsamiq is the fast, low-fidelity wireframing tool for product, tech, and business minds. Sketch, test, refine your UIβ€”fast.

πŸ”Έ Tiny UX - A #MobileFirst wireframing tool - https://www.tinyux.app
TinyUX – Create wireframes quickly and do visual brainstorming on your phone or tablet.

πŸ”Έ Excalidraw - An in-browser wireframing tool that offers live #Collaboration - https://excalidraw.com
Excalidraw β€” Collaborative whiteboarding made easy

Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Excalidraw
πŸ”Έ Frame0 - A new to market tool that allows you to make hand-drawn style wireframes quickly and easily. - https://frame0.app
Frame0 | Sketch your app ideas without stress

Make hand-drawn style wireframes quickly and easily.

Frame0
πŸ”Έ Wire Frame Sketcher - A wireframing tool that helps #Designers, #Developers and #ProductManagers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. - https://wireframesketcher.com
Wireframing Tool for Professionals - WireframeSketcher

WireframeSketcher is a wireframing tool for creating wireframes, mockups and prototypes for desktop, web and mobile apps. It's a desktop app for Mac, Windows and Linux, and a plug-in for any Eclipse IDE.

Do you use a wireframing tool not listed above? Or do you have any great tips and advice for those looking to make more use of wireframes in their design process?

If so, please share. ‡ Thanks.

@whitingx Not actively using it now, but I moved from Balsamiq to Quant UX and liked it a lot: https://quant-ux.com/

It integrates testing/analysis tools.

Quant-UX - Prototype, Test and Learn - 5.0.3

Quant-UX is the only free Open Source prototyping and user research tool. Design, Test and Learn in one tool! Quant-UX Low Code capabilities allow convert designs into production systems

@fschaap - That looks really interesting (particularly with the testing integration), thanks for sharing. πŸ™‚

@whitingx good thread πŸ‘

At work i usually go straight to hi fi since it is so easy to just drag and drop components.

When I try at home I usually do wireframes instead and do all the styling in code instead. I might do some explorations of styles that I then copy over though. At home i use penpot