In Noodl, whenever you edit your design, if possible, that edit will be inserted into the running prototype without restarting it. Changes are instant and the result is instantly visible. Imagine fixing a car engine while you are driving the car. Or in this case, tweak an animation while it is running. No need to restart and find your way back to that particular place in your prototype.
This can be achieved because the representation of your design, the node graph, is connected live with the running prototype wherever it might run (on your phone, embedded in your app). This also allows Noodl to visualize what is happening live in your prototype by highlighting connections directly in the node graph visualization. Interactions such as a tap that triggers a signal it is visualised live in the graph. So you will always know what is happening, and thus can easily figure out why it is not behaving like you expected :-) Watch the connection between the tap output of the root and the show input of the component.
The highlight feature will also help you identify which portions of a node graph that is activated on a given interaction. But it’s not only signals that are connected to the node graph visualizations, all data that flows in the graph is tracked and can be inspected. Simply hover over a connection and it will reveal the most recent value that have passed through the connection to the target port. Clicking an inspector will pin it and you can watch as the value changes when you interact with the prototype.
Obviously we are very excited about these features but they are only the beginning. We have just started to tap (pun intended) the possibilities that live editing may bring to the development and design of interactive experiences.
So far the code editor still rules most aspects of the development process. Design tools are mostly used for static resources. We believe that the future is in specialized tools that are optimized for the task at hand. Building great interactive user experiences is one of those tasks that have been overlooked far too long. Don’t worry, we have your back!