The prototyping scene is getting really interesting...for a sec there I thought framer won..but this definitely makes it much more tough or a designer to pick their tool. Although they're massively different, the attempt to reduce the cost of entry by both the tools is pretty commendable.
Guessing, they're really pushing the 'surface' changes as much as possible before taking a stab at the fundamental 'noodle' approach to the tool.
I'm a diehard Framer user... but at what point did you think Framer won?
If we're talking about the global product design market, most digital product designers don't truthfully understand logic-based programming to the extent necessary to create advanced prototypes with Framer.
Even with their new update, the visual interface can't create the complex logic needed to build anything more than linking a few screen states or micro-interactions.
I was talking in context with the latest update yesterday. True that you can't build complex prototypes on day 1, but at least it enables the designers to think along those lines and learn to code along the way vs origami is fundamentally visual coding i.e hiding the language or method to show noodle interface.
Plus since framer is pretty much JS it opens up door to try and build anything and everything JS based.
vs Origami provides a great shortcut to development time if done correctly, but thats time consuming, especially with a complex prototype (crazy noodles everywhere)
Both has their pros and cons. But the cost of entry is much less with framer and it can go far before you'll need another tool.
I don't know if this will still be present in the upcoming version but one major feature in Origami is that, it allows you to "export" what you've done into usable code.
It actually makes it much easier to pick a prototyping tool. Trying to get an accurate feel of native interactions by prototyping them using web technologies is counterproductive and nonsensical.
If I showed you two finished prototypes I guarantee you couldn't tell me which was framer and which was origami
Unless I tap with 3 fingers to bring up the browser bar. :P Seriously - is the performance comparable? Do you always get 60 fps and things behave exactly as you would expect them to?
The perfect prototyping tool. I have been prototyping a lot in Quartz Composer lately but it feels outdated, consumes a lot of system resources and requires a lot of workarounds to get stuff done. Noodling is much more intuitive, faster and has superior learning curve than coding (at least for me). The fact that it's a native app that hooks to native iOS features is a major key. Much better than the poor experience you get with generated web apps. Can't wait for it to come out!
Wish they were working on an iPad Pro version as well.
PS: Had to rewrite my comment as I put in emojis and everything after the first emoji was erased - wth DN? : |
I definitely think Framer has the edge (prototypes can run in the browser, can code or do things visually, don't need Studio to make protos), but Origami is a great tool in its own right. Will probably give this a try when it's publicly available!
Tried this before and found the noodle UI a bit too noodley, but these updates look great. Seems a lot more organised and open to custom components. Also the native support is killer. I currently flip flop between Framer and Pixate but this Origami Studio update looks like it ticks all the right boxes.
Standalone Origami Prototyping app.... woah
Seems great for individual interactions but seems like it will bit hard to prototype a lot of flows/long work. I guess i will have to flip between Origami Studio and Flinto.
Any DL link?
Not going to be publicly released until later this year.
Would love to check out the video demo of origami studio in action.
Here's the video of the announcement.
Thanks, it also popped in my FB feed.
Here's one for Designing at Facebook
Cool video, but I get really thrown off by the hover interactions presented on Matej's part of the presentation. On both the Instagram example with the tooltips and the Facebook reaction example they are showing what happens when you hover over them. But, you can't really hover on mobile. Still cool, just a bit distracting, ha.