8

Prototyping for Web app

almost 3 years ago from , Designer

Hi. I'm designing for the web application and I'm looking for the right prototyping tool for it. I could see Invision seems pretty much dominating in this field but it has limitation, especially in illustrating interactive part (e.g. button hover state, page transition, etc.). As I research for the tool, pretty much everything is only focusing on mobile and it seems that I'm left with atomic.io as the only option, which I didn't like so much. Do you have any other recommendation? :( Thanks in advance.

11 comments

  • Taylor PoeTaylor Poe, almost 3 years ago (edited almost 3 years ago )

    I love using Webflow for prototyping web apps. They have powerful interactions that are very easy to work with.

    1 point
    • Kris Kim, almost 3 years ago

      I also use Webflow for prototyping or client work. It's great but I wanted something where I can just import assets from Sketch and draw some interactions like Invision. But since Invision doesn't have layers (I need some finer control on interaction), I think I'm sticking to Webflow for now :(. Thanks

      0 points
  • Robert PaigeRobert Paige, almost 3 years ago

    Justinmind, is the only one I found that does what you are looking for.

    Either that or InVision.

    0 points
  • scott parsons, almost 3 years ago

    Axure is very popular with many people (Personally I hate it).

    I use Pinegrow, which is a visual html editor. It does require some knowledge of html/css but not expert level and has some fantastic options for fast prototyping. I also use lots of jquery for animations and interactions which allow me to rapidly build quite complex prototypes.

    Macaw is a drawing html app, it is getting better and better, but still pretty limited in my opinion.

    try those

    0 points
  • Bruno MarinhoBruno Marinho, almost 3 years ago

    Sadly most of rich prototype tools still focused on mobile. I believe FramerJS is a good option for desktop/web apps

    0 points
  • Braden HammBraden Hamm, almost 3 years ago

    pixate.com is a good bet.

    marvelapp.com is good, but probably more similar to Invision than you want.

    I actually really like Atomic.io.

    0 points
    • Jonathan SimcoeJonathan Simcoe, almost 3 years ago

      +1 for Atomic.

      And FramerJS. Framer is baller! So many resources and code enables you to do anything you want.

      1 point
      • Kris Kim, almost 3 years ago

        Yup I wanna try out Framer, but was wondering if it'd be good for web app prototyping. And since it's code base, I thought at this point I'd rather just prototype in html/css/js. Any advantage in using Framer instead of html/css?

        1 point
      • Braden HammBraden Hamm, almost 3 years ago

        I found doing desktop size stuff in Framer to be a lot of extra work. Granted it's been probably a year since I last used it.

        0 points
    • Kris Kim, almost 3 years ago

      Thank you!

      I actually have pixate but it's still mobile centric (it doesn't have hover state). I tried to like Atomic but it's really buggy :(.

      0 points