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.
FeaturedΒ 
Your recommendation
πŸ€“ Have a recommendation? Join to share.
18 recommended
  1. 88
    Sketch 40

    Latest version of the vector drawing tool

    Yulia SemenovaΠ‘o-Founder of Luno Team, Sydney Β· Written
    It's an easy and powerful tool for prototyping. Love it.
    CommentsShare
  2. 55
    InVision

    Prototyping and collaboration for design teams

    Becoming an industry standard.
    CommentsShare
    • 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; Designbetter.co

      Comments (0)
    • 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 DennyCreating Things @ DennyDevHQ πŸ’‘ Β· Written
    Gives you all the traditional prototyping and wire framing tools in an amazing package plus React
    CommentsShare
    • 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. Brennon DennyCreating Things @ DennyDevHQ πŸ’‘ Β· Written
    Free, easy to learn, and does what you want
    CommentsShare
    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.
    CommentsShare
    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).
    CommentsShare
  5. 14
    Adobe XD

    An end-to-end solution for designing & prototyping

    Felipe MolinaBlogger at Fundador.co Β· Written
    Best option for Windows users.
    CommentsShare
    Anthony Thong DoEntrepreneur, Product Manager Β· Written
    Super light, the best option for individual use.
    CommentsShare
    Jesray GarcianoWeb developer Β· Edited
    Sketch is great! but I am mostly using windows, which AdobeXD is a great alternative.
    CommentsShare
  6. F DumoulinSoftware Developer & Product Manager Β· Written
    I've used Balsamiq on several projects. It's very easy to use and produces nice results.
    CommentsShare
    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.
    CommentsShare
    Kurt AaronMarketing Manager Β· Written
    Easy to use and quick.
    CommentsShare
  7. Lisa Dziuba3FlawlessApp.io 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 :)
    CommentsShare
  8. 4
    Whimsical

    The visual workspace for teams.

    Forrest ScofieldSoftware engineer Β· 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.
    CommentsShare
    • 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)
    • PaweΕ‚ HawrylakHead of Design at Monterail

      I used whimsical to create enormous, product flowcharts and it was a wondrous experience. Never before had I such a good, uninterrupted flow when creating something so complicated.

      Comments (0)
  9. 2
    Proto.io

    Fast, fully-interactive, high-fidelity mobile prototypes

    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.
    CommentsShare
  10. Justin Mitchell9I help startups at SoFriendly.com Β· 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.
    CommentsShare
  11. 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.
    CommentsShare
    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.
    CommentsShare
  12. 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
    CommentsShare
  13. 1
    Marvel 2.0

    Super simple design, prototyping and collaboration

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

    Easiest prototyping tool. More powerful than ever.

    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.
    CommentsShare
    • 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 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)
  15. Natalia DiaconoReplacing boring 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.
    CommentsShare
  16. 1
    Haiku

    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
    CommentsShare
  17. 1
    moqups

    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.
    CommentsShare
  18. 1
    Notion 2.0

    The all-in-one workspace - notes, tasks, wikis, & databases

    Game-changing prototyping with Notion!
    CommentsShare
    • Rees VinsenFounder, CEO - Adduco

      HANDS DOWN πŸ™ŒπŸΌ THE BEST PRODUCTIVITY, ORGANISATION AND RESOURCE WORKSPACE myself or my team have ever touched πŸ’―

      We're huge advocates of Trello, power-users of Slack, data-hungry Google Sheet/Doc fanatics and unloyal downloaders of many productivity, Wiki, task management and organisation apps. With my CTO I often mused the idea of building an all-in-one workspace for internal use that sat as our Pandora's box of goodies ranging from development wiki's, onboarding information and branding resources all the way to task management, meeting notes and even time tracking - lo and behold I stumbled across this gem of an app.

      We decided to run Notion for a week in tandem with Trello (for our highly-granular level project management) starting by spending an hour in the evening porting over info to populate a few spreadsheets, wikis etc. I also went ahead and threw personal pages up to trial it on an individual level. πŸ“Note: if you have a super high turnover of to-do's and an active team you won't find switching over from another app to be a lengthy process. After 6 years of managing a creative agency I reckon I have seen enough task management and organisation apps to last a lifetime, so take my thoughts here with that consideration.

      -------

      After a week we drew the following conclusions:

      ⏱ We worked faster with Notion than we did with Trello, Evernote or even a physical whiteboard.

      πŸ“¦ Today I solely used Notion for the entire workday. This time last week I would have used Trello, Slack (sending meeting notes and memos), Google Sheets, Google Docs, the native OSX notes app and GithubWiki just to get my day ORGANISED!

      πŸ“š Managing client editorials, project budgets, to-do lists and even basic memos and planning has been a breeze. It's great as a lightweight CRM too.

      πŸ›  We were more organised than ever before. It's great to have a knowledge base for our products, plans and company sitting right amongst our task management tools.

      -------

      We have also been left wanting for nothing (πŸ‘πŸΌ Congrats, Notion team) but dreaming of a few things:

      πŸ’΅ Beefier finance organisation/support. Integrations with Quickbooks, Xero maybe? Make it easier to build budgets and organise our money plans!

      πŸ—£ Room to annotate and collaborate on images/PDF's etc.

      πŸ” Function to lock pages so you can't edit, and the little hover tooltip to edit doesn't show up.

      🎨 Integration with design apps - Sketch, UXPin, etc. Many many many creatives will use this app and be left wanting in this area. Think: a creative agency collabs, annotates, refines, develops and more...keep them in Notion.

      -------

      The TLDR: Notion 2.0 kicks a** and we'll be using it for a long long time in place of a myriad of other productivity apps and tools. You should too.

      Comments (2)
    • I want to move from Evernote (I am a premium subscriber) to Notion, I really do but I don't think Notion wants me to. Whatever I am about to say, I say it with nothing but respect for Notion and in the hopes that it will continue to improve at the same pace.

      First, the good - Notion has the best note editing interface I've ever used. A close second might be OneNote (it's a high bar, mind you) and Bear. It combines the simplicity of Evernote or Markdown with the power of OneNote although, it is missing the ability to use handwriting and doesn't support iPad with Pencil just yet. When it does, it will be perfect. I also like that I can save code snippets. Why is this so hard for Evernote?

      Notion 2's tables, boards and other updates are huge. While I'm sure the in-built kanban board is not as feature complete as Trello, it should be more than enough for most projects. Same for tables. Airtable has a bunch of really cool advanced features but for most use cases, tables within Notion are just fine. Notion is on the right path and I am sure these features will only improve.

      Now for what I don't like - The price is definitely my number one complaint. I will happily pay for Notion when it can do everything that other apps can. Until then, why not let me stay connected to the product with a cheaper paid plan or a better free tier? I pay for Evernote but if I were to consider switching, I can't do so purely because Notion doesn't do a bunch of things that Evernote can (even though it does a lot of things that Evernote doesn't) - Chrome extension to clip articles, emails, images etc., powerful mobile app with business card and document scanning, iPad support etc.

      At $8 a month, it is more expensive than G Suite on a per-user basis. Why not give me 100 - 200 free blocks per month? Let me grow to love it. Let me build a workflow around it. Give me some incentive to tell my friends about it. When you have the features I want (I'm sure you're working on it), let me pay for it.

      Price aside, I would also like to see how Notion fairs for quick note-taking, It's designed to be a wiki-style product and I get that but I'm sure a LOT of people are using it for personal notes. I use Evernote to save one-line notes - phone numbers, quotes, URLs etc. Notion's wiki-style UX is too heavy duty for that kind of use. It would be really cool if there was a "scratchpad" or "quick notes" feature that was not as heavy duty. For these simpler notes, I don't want to organize them into pages, I just want to save them and may be tag them. Which brings me to another feature I could really use - tags. Why limit users to only folders? Why not allow users to just tag notes?

      I could go on but ultimately, I won't be switching to Notion right now, even though I really want to. Cost is too prohibitive but I'm sure I'll be on the hunt for future updates.

      Comments (4)