almost 8 years ago from Marco Santonocito, 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?
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
I tend to use Webflow for prototyping interactions to show to the team.
Agreed. Webfow?
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.
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.
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. :)
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.
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.
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?
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
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.
That sounds like it'd work well enough. Are there any plans for releasing something web-related in the future?
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.
I'm building Plexi, which should solve your problems. We're planning to release a beta soon.
Indigo Studio has been pretty great for me.
Have you used Axure? If so, how does Indigo compare? More generally, what do you like about Indigo?
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
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.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now