Hi everyone. We've been working really hard to improve Atomic's prototyping capabilities, and are happy to release a couple of big improvements today:
Advanced motion control The new timeline editor aims to make it super simple to design beautiful and detailed transitions, without needing to code or learn a complex prototyping tool. Being able to scrub the timeline and preview your transitions directly in the editor is a workflow feature that we think will not only speed up your process, but is really fun to use.
Swipe gestures You can now add swipe gestures to your mobile prototypes. These also work on desktop. We think the way swipe gestures and the timeline editor interact is quite special, and gives designers a lot of control of how elements move and transition throughout the whole gesture. Rad.
If you haven't checked out Atomic before, now's a good time to try: https://atomic.io
I'm keen to hear what you think, and answer any questions you have about Atomic.
After using several prototyping tools I always come back to Atomic to get stuff done. The intuitive design empowers me to kick out prototypes in no time.
Sweet. Really glad to hear that Brennan.
I was trying out Atomic today. It's actually amazing. The simplicity of the whole system is fantastic and is a lovely weird soup of InVision, Framer, Principle, etc.
Will be keeping an eye on this tool.
Hey thanks for the kind words James. Simplicity across the toolset is definitely a big focus for us, so nice to hear.
I emailed your support guys about this. Biggest thing I'd love to see is masking with scrolling capabilities. Surrounding an image and have that scrollable inside would be great. Many uses for that. Keep up the good work!
Masking and better support for scrolling are definitely on our radar, thanks for mentioning. Mmm masking - should be able o do some really cool stuff with that.
You a fan of Sketch-style masking, where the bottom layer masks a chosen number of layers immediately above it? An alternative would be a mask applied to a group.
Really liking the toolset so far... something of a simpler/streamlined AfterEffects experience for the advanced motion control.
Took some wrangling, but got a nice little demo together once I figured out the basic workflow:
A few rough edges with copy/paste between pages... groups sometimes don't show up in the timeline correctly, and groups that have been pasted + renamed tend to have a weird 'memory' of their previous existential state.
Regardless, really excited for where this is heading!
Hey nice demo! Thanks for letting me know about those issues. We'll look into them as see what we can do.
Kudos on the drawing tools, much more robust than Sketch in a lot of ways. What are your plans around in-page interactions? When do you think they might see the light of day?
Hey, thanks! Mimicking in-page interactions is possible already by changing elements between pages, and being able to control how you animate between them. But we are looking at ways of supporting other types of in-page interactions, that don't require as many pages to be created. Are you designing for mobile or desktop? What most would you like to see?
Love the design of Marvel btw. Big fan.
I design for both mobile and web - so I'm after something with a lot of freedom.
I'm talking about things like pseudo states, live elements (form elements, scrollable areas etc.), autocomplete inputs, typeahead search. Other things like spring animations would be cool too. Basically, I'm interested in complex interactions/animations. I know I'm asking a lot, just wondering what your thoughts are around that area :)
I just joined the Marvel team, so can't take much credit for the design, but I'll pass it along!
Well I can say that we're definitely trying to cater to mobile and desktop design use cases, and expect to be improving both fairly evenly as we move forward. As for specific interactive components, we'll get to them in time starting with where we see the biggest need/demand. Can't give dates for those yet though sorry.
Cool, well I'll be following along. I'm impressed with what I've seen so far. Best of luck!
Also, are there any hacks to get around the fact that the whole page transitions, even though I just want to change the state of a single element? I can see all text getting blurry during the transition.
Being able to apply interactions/transitions on a per element basis as opposed to a page to page basis would fix that, right?
No real hacks at the moment for that. We see real benefits to designers designing each state in a page first, then being able to wire those things together. Means that each state is surfaced visually in the tool and can be reviewed & commented on if needed. In saying that, as I mentioned before, we are looking at ways of supporting other types of in-page interactions.
If you're having specific issues with blurriness, that might be something we can fix or find a workaround for. Please contact us through the feedback mechanism in the app or email email@example.com and we'll look into it.
Not used the product but just wanted to say that the homepage of your site is lovely. Really top quality design.
Oh shucks, thanks. Eileen Schwab (https://twitter.com/eileen_schwab) did most of the work on that.
Starting to look a lot like After Effects!
Are embeddable prototypes in the eventual roadmap? I have a current need for something like that.
Thanks for the work!
Yeah hopefully the timeline will feel familiar to those who have used video editing and animation software like After Effects. Yes embeddable prototypes are on the roadmap, and we've been doing some design and planning around them recently. Stay tuned.
By the way, does anyone know why there's a green (T) next to this post? Is it because the word 'type' is in the heading?
Typography - Applied when a thread title mentions something about typography.
Yip, was just surprised to see it on this heading. Maybe because of the the word 'prototype'?