Atomic – Design, prototyping and collaboration tool
atomic.io
atomic.io
Atomic makes it easy to share your designs and prototypes and gather feedback. From today you can also invite teammates into your projects to work together on the same set of designs, simultaneously.
If you don’t have an account already, you can grab a free account here: https://atomic.io
We’d love to hear what you think.
One thing I noted while reading on here was that currently, non-chrome users are "blocked" (if I understood correctly) by a "not supported" message. I understand you want to focus on Chrome first, but why don't you simply put up that message as "Your browser is unsupported, atomic.io might not function properly" (or a banner on top of the page), but make it available nonetheless? It might not work 100% yet, but when working on cross-browser support you will already have a bunch of people who tested your software on their browsers. These will know the rough edges and can point you into the right direction.
If it's open to every browser I'm sorry I missunderstood this thread. Nevermind my post then.
Other features aside, this is the winner for me.
The fact that this idea is better suited inside an actual code editor (and not just a standalone app) and me not being brave enough to tackle writing a code editor is what is stopping me from doing it.
:Glog # this can take arguments to reduce scope
:cnext # repeat!
:cprev # step back!
The Pages show various previews. Clicking on them does not open that page in the right side (as I would expect). Its blank.
I can create rectangles, lines, hotspots and move them around. Hotspots doesn't have any way to make them do anything that I can figure out. No ctrl-click, no options. Its just a blue square.
I click on Layers. Lots of things here. The things I created and lots of things I didn't (and can't see) like History, number circle, hotspot-demo2.gif. I can drag them up and down in the Layers or I can drag them into the main area but they don't do anything.
Why would History be in there ? Properties Prototype Tools ? I can double click and retitle those objects. I have no idea what they are.
Obviously something is broken.
OK, I've opened the Keyboard shortcuts and at the very bottom it says ⌘ + enter: toggle review mode.
With that I can actually see the design.
Suggestion: you probably want a very obvious button at the top to allow us to toggle "review mode"
http://tools.ietf.org/html/rfc5023 (Atom Publishing Protocol)
(yeah, I know, look who knows how to google)
It would be pretty cool if I could immediately jump in and try it out without setting up an account. I understand most places don't do that but it's kinda nice being able to try something before giving away your email address. In my opinion anyway.
Atomic has drawing tools that let you actually design/layout interfaces in the app. You can also import flat images from other apps (like PS or Sketch) for prototyping if you want to. Atomic also lets you design complex and unique animated transitions, not just the standard ones on mobile.
Atomic has some other special features too: like being able to style elements with raw CSS, visually rewind through your history and make branches/variations from any point, and team collaboration that lets multiple team members work on the same set of designs, even simultaneously.
So lots of reasons to give it a try I think. I hope you give it a go and please do let us know what you think.
I'm using Safari so I didn't get to actually use the tool yet (it's Chrome only)... Looking forward to it though.
* Support for rulers * Custom zoom - or at least more granularity between 50 and 100 * Ability to align a div to the center or right * Related to the above - it appears that adding alignment css does nothing * FontAwesome
It's the first time I've tried this approach myself, so it's a bit of an experiment, but I think it's been useful for this particular product. In saying that, we will be looking to offer wider browser support down the track, so stay tuned!