14

Pixate for web and desktop?

5 years ago from , Combine 1 designer and 1 programmer. Blend until smooth. Add a pinch of Business. Here I am!

Hi guys,

I'm using Pixate and I love it but I need something similar to prototype complex interactions and animations for web application.

What do you suggest?

18 comments

  • Atif AzamAtif Azam, 5 years ago

    I actually just started using Marvel, the Sketch plugin for mobile and web prototypes. It's barebones, but super quick and easy to use. www.marvelapp.com

    8 points
  • Brennan Smith, 5 years ago

    I tend to use Webflow for prototyping interactions to show to the team.

    6 points
  • Lee Fuhr, 5 years ago

    Agreed. Webfow?

    6 points
  • Shawn BorskyShawn Borsky, 5 years ago

    I have also been desperately searching for this. It seems like every prototyping tool with high fidelity animation and control is geared toward mobile only.

    I currently still just end up doing HTML5 comps for it which is way more time consuming than I would prefer.

    3 points
  • Nick Sloggett, 5 years ago

    Sounds like InVision is making good strides to solve this. If you're prototyping complex interactions in the world of the web (not native desktop) it's time to sling code or find a developer to pair with.

    3 points
  • Andrew HoltAndrew Holt, 5 years ago

    It's not quite the same, but we've seen a lot of folks use Pixate Studio with the XCode Simulator (so you're using your mouse) and an iPad device target to prototype web animations. It's a bit of a hack, but it can get the job done. :)

    3 points
    • Greg Mathews, 5 years ago

      This is how our team uses it. Sometimes we set a custom size, but most of the time we just use the ipad dimensions and throw in our web stuff. Work well, and timings are translated easily for devs.

      0 points
      • Matthew R. MillerMatthew R. Miller, 5 years ago

        Would you be able to explain how to set that up? I have the latest version of Xcode installed, but I'm not sure how to run a Pixate prototype inside the simulator.

        0 points
        • Alex Getty, 5 years ago

          Same here. I try to go to the Pixate share link in Safari within the Xcode Simulator and I get an error saying "Safari cannot open the page because the address is invalid."

          For those who use this, how did you avoid this error?

          0 points
        • Greg Mathews, 5 years ago

          If you use Pixate Studio there is an option in the menu bar for simulator which opens up your prototype locally. https://app.pixate.com/apps

          0 points
          • Andrew HoltAndrew Holt, 5 years ago

            Yep, what Greg said. Pixate Studio runs XCode Simulator for you automatically, you don't need to do anything yourself.

            We've actually been experimenting with generating React Native code (in addition to Obj-C, Java, etc.) from a prototype, so generating React or plain HTML/JS could be feasible too in the future.

            1 point
    • Matt CastilloMatt Castillo, 5 years ago

      That sounds like it'd work well enough. Are there any plans for releasing something web-related in the future?

      0 points
      • Andrew HoltAndrew Holt, 5 years ago

        Possibly, we're mainly focused on mobile for now though (and have a lot still to do there). But, we view Pixate as more of a platform-agnostic design platform, so creating for web shouldn't be a big shift from what we already do.

        2 points
  • Colm TuiteColm Tuite, 5 years ago

    I'm building Plexi, which should solve your problems. We're planning to release a beta soon.

    1 point
  • Adam Brace, 5 years ago

    Indigo Studio has been pretty great for me.

    0 points
    • Jared CJared C, 5 years ago

      Have you used Axure? If so, how does Indigo compare? More generally, what do you like about Indigo?

      1 point
      • Adam Brace, 5 years ago

        Haven't used Axure so can't speak to that really. Indigo is great as there is a great range in the amount of fidelity that can be achieved with it. Everything from quick and dirty wireframes right up to high fidelity working mocks. In comparison to a tool like invision you can build states of single interactions rather then creating new pngs from photoshop, they can then be all linked together to create quite complex interactions

        1 point
  • pjotr .pjotr ., 5 years ago (edited 5 years ago )

    I would totally use Framer. Check out this example.

    Framer is certainly marketed towards mobile but the framework supports development on any screen size. I just used for the first time the other day and really really enjoyed working with it.

    0 points