Lisarna Wynyard
Lisarna WynyardFounder of BullRush #kickdowndoors

What are your favourite prototype and wireframe tools?

HI All. I'm keen to find recommendations on something quick and easy to pick up and get going with. Thanks in advance.
Your recommendation
πŸ€“ Have a recommendation? Join to share.
21 recommended
  1. 93
    Sketch 40

    Latest version of the vector drawing tool

    Yulia Semenova
    Yulia SemenovaProduct manager, user researcher, Sydney Β· Written
    It's an easy and powerful tool for prototyping. Love it.
  2. 59

    Prototyping and collaboration for design teams

    Becoming an industry standard.
    • Dennis Weinhardt
      Dennis WeinhardtDigital Designer (UI/UX/Web)

      I love everything about InVision.

      Since I started using it 3-4 years ago they improved so many things and added really useful features. They collaborate with so many top designers of the industry that they always know what we want. I really appreciate the effort, time and love they put into their products and it's always fun to use them.

      The tools I use on a weekly basis are:

      InVision (Webapp); Freehand; Craft;

      Comments (0)
    • Elena Avramenko
      Elena AvramenkoCo-Founder at PopAppFactory

      All my designers loves the service, but I am struggling to use it, I find its UI/UX uncomfortable and not obvious. The most terrible is a mobile version of the web-site, extremely slow.

      Comments (1)
  3. 41
    Framer X

    React, meet design

    Brennon Denny
    Brennon DennyCreating Things @ DennyDevHQ πŸ’‘ Β· Written
    Gives you all the traditional prototyping and wire framing tools in an amazing package plus React
    • Rodolphe Peruzza
      Rodolphe PeruzzaDesigner & Framer X Explorator

      Framer X can be very powerful on a lot of things. React brings liberty and the prototyping features are outstanding.

      But, we still miss the collaborative part on the prototypes (e.g what possibilities brings Sketch+InVision

      Comments (0)
    • I hope the beta version ends soon, as a product that you have to pay for it, it seems a bit unacceptable to have so many bugs.

      Comments (0)
  4. 31

    Turbo prototyping tool for websites πŸš€

    Yara Nevmerzhitskaya
    Yara Nevmerzhitskaya3Lead seo specialist, marketer Β· Written
    Its simple and fast tool allows making prototypes using ready-made blocks and templates. + allows sharing your ideas with team members or clients to collect feedback right on the prototype! All the edits will be displayed online. Amazing tool. Love it
    • Stas Shyshkin
      Stas ShyshkinDigital Marketing Manager

      I have been testing alpha version of Draftium before the launch and must admit it has greatly simplified my work. So when I need to create a landing page, I make a quick wireframe (with copy) in Draftium and pass it on to UX designers. They already see what I want to get as a result and so we spend less time on numerous iterations.

      Comments (2)
    • Nicholas

      I have yet to use it, but from the video alone, it looks like something to further speed our process.

      Update: Loving this product. The makers are checking all the right boxes and what I love about it beyond the relatively generous free tier as well as the package this fits into, is the overall intent behind it. To cite a comment I made: "Absolutley love the motivation behind this: the combination of simplicity, speed and frictionless workflow paired with tasteful results," it just makes for an awesome combination not to be missed.

      Comments (1)
  5. Brennon Denny
    Brennon DennyCreating Things @ DennyDevHQ πŸ’‘ Β· Written
    Free, easy to learn, and does what you want
    Just switched from Sketch to Figma & developers seem to appreciate it. Quick protoyping and CSS info right in browser, so you never need to worry about a dev or another designer not having the most updated design file.
    Josh McCray
    Josh McCrayLead Web Designer @ Jockey Β· Written
    Free, in the browser if you want, and does the work of multiple apps in one (ie Sketch, Invision, Zeplin).
  6. 15
    Adobe XD

    An end-to-end solution for designing & prototyping

    Best option for Windows users.
    Anthony Thong Do
    Anthony Thong DoEntrepreneur, Product Manager Β· Written
    Super light, the best option for individual use.
    Sketch is great! but I am mostly using windows, which AdobeXD is a great alternative.
  7. Sten
    StenProduct guy - Atlassian Alumni Β· Written
    I've been loving Balsamiq because it forces you to use a lo-fi design. Thanks to that you can naturally focus on the workflows rather than spending too much time trying to make things look pretty. I think Figma is a great product too, but it's easy to get sucked into picking colors, fonts and spacing while working on prototypes. My usual workflow is to start in Balsamiq, and then move to Sketch/Figma once we're happy with the user flows.
    F Dumoulin
    F DumoulinSoftware Developer & Product Manager Β· Written
    I've used Balsamiq on several projects. It's very easy to use and produces nice results.
    Kurt Aaron
    Kurt AaronMarketing Manager Β· Written
    Easy to use and quick.
  8. 6

    The visual workspace for teams.

    Forrest Scofield
    Forrest ScofieldBuilding @wingsflightclub πŸš€ Β· Written
    My team started using this recently to create flowcharts for complex software designs. I used to use Google Drawings but switched to Whimsical because it's really simple, well designed and easy to use.
    Dan Edwards
    Dan EdwardsDesign at Product Hunt Β· Written
    Great for wireframing! Highly recommend it, and there's a free plan for you to try :)
    • I've been using this for a few months and LOVE it. It gives me all the tools I need to make beautiful diagrams, flow charts, wireframes, funnels, user flows, etc. Everything looks great by default (including the icons) and it stays out of my way so I can focus on how best to convey my ideas. I've tried Sketch, Balsamiq, Lucidchart, Powerpoint, Google Slides, and Omnigraffle in the past but this is so much faster and looks 10x better when I paste the result into a doc or presentation. Just try it, you will love it.

      Comments (0)
    • Seth Hawkins
      Seth HawkinsContent Marketing Manager, Vivint

      I've been looking for a tool like this for awhile that combines the ability to flowchart while also commenting on images and imported links. Everything works super quickly and the infinite whiteboard concept is slick.

      Comments (0)
  9. Lisa Dziuba
    Lisa Founder Β· Written
    Lisa Dziuba made this product
    This can be useful after the prototyping stage πŸ˜‰ Flawless App can help any design team be sure that developers will deliver pixel-perfect mobile apps in a moment. Simply pass it to your development team :)
  10. Samesh Wijeweera
    Samesh WijeweeraSpokk - Founder Β· Written
    Tried out many other prototypes, but I prefer this over anything else. Great flexibility although it has a bit of a learning curve. Supports mobile as well. You can even use it for finalized designs as well.
    Serge Beresnev
    Serge BeresnevCEO, UX-specialist, developer, marketer. Β· Written
    Great app. I felt in love with it several years ago during big UX-research for new mobile app. And since then each time I need to bring live example β€” I'm opening Axure and do interactive prototypes. Many libs, axshare to spread the prototype and many more. Love it, really. But.. Maybe, if sketch will be a bit more full of features β€” I'll give him a chance. But right now Axure is definitely the best app for complex interactive prototypes filled with data and full of states.
  11. 2

    Fast, fully-interactive, high-fidelity mobile prototypes

    Suzanne Barker
    Suzanne BarkerCo-founder of When I Shop Β· Written
    I use Proto - I picked it up and ran with it pretty quickly. I'm really happy with it. They also do web, not just mobile.
  12. 2
    Remote Tools

    A repository of handpicked tools for remote teams

    Suvansh Bansal made this product
    A fine repository of curated tools. You can check out design collaboration, idea management and visual collaboration categories to get to know about some other tools that other folks haven't yet recommended.
  13. 2

    Create and share diagrams easily

    Armin Nikdel
    Armin Nikdelfounder, developer Β· Written
    Simple to use, easily accessible using a browser.
  14. Justin Mitchell
    Justin Mitchell9I help startups at Β· Written
    A bit of a self plug here, but I'm using VRooms to prototype VR interfaces. It's actually built on top of Figma so I threw an upvote over there as well.
  15. Christopher Davies
    Christopher DaviesFull stack Django/Node developer Β· Written
    Christopher Davies made this product
    For the backend side of things, I just launched BackendLab, which lets you create/host a Postgres DB with REST API with user auth/permissions in a matter of minutes, without writing a single line of code. It provides a very quick way of creating a backend for your prototype apps
  16. 1
    Marvel 2.0

    Super simple design, prototyping and collaboration

    Jose Fermin
    Jose FerminTech Obsessed Product Manager Β· Written
    Intuitive and simple to use.
  17. 1
    ProtoPie 3.9

    Easiest prototyping tool. More powerful than ever.

    Jesse Payne
    Jesse PayneProduct Designer Β· Written
    Easily the best prototyping tool for prototyping apps I've ever used, and I've tried almost everything available. It has a bit of a learning curve but it's not much steeper than learning Flinto or Principle.
    • Briandito Priambodo
      Briandito PriambodoProduct Designer

      A couple of months ago I spent a few weeks trying out Flinto, Framer, ProtoPie, Origami, to see which prototyping tool suits my workflow the best. Out of those four, I ended up choosing ProtoPie as the winner.

      Comments (1)
    • Aaron Martin
      Aaron MartinDesigner at Yahoo

      I've been using Protopie for years and it's amazing. The power and flexibility that it's brought to me and my team is pretty amazing. There isn't a single prototyping app that comes close to what you can do here. You can build as complex or as simple a prototype as you'd like. I've used it to work up full app flows with a crazy amount of conditional interactions and situations. It's the best thing you can get without having a developer build a workable app for you.

      Comments (2)
  18. Natalia Diacono
    Natalia DiaconoReplacing phone numbers @Snapcall Β· Written
    Its simple and fast as you were drawing it with your hand. I find it useful since I don't like spending too much time drawing wireframes, I prefer seeing the whole picture and how funnels would work out. And that I can visualize with the black and white wireframes and simplicity of the tools.
  19. 1

    UI-builder that unifies design & code

    Haiku got updated recently and is quite the underestimated and underrecognized tool for now. from the plathora of animation apps that came out, it is the only tool that pivoted towards true developer hand-off to many frameworks and not just React. It's free, fully open-source, and really fast too
  20. 1

    Mockup and wireframing tool; better than Balsamiq!

    SimCamFuturist of AI Smart Home Β· Written
    I have been using Moqups for website wireframing for long. It is an online tool which allows for easy access everywhere. The website and design elements are all loaded very fast, which is a key feature I love most. I've compared it with other wireframing tools. Moqups seems to be the most affordable for individuals or small businesses.
    • burcu yΔ±lmaz
      burcu yΔ±lmazConsistently Product Person

      I used moqups app more than a year, it is to easy to tell stakeholders and colleagues what is it about and how it can use. Best mock-up tool ever!

      Comments (0)