7 Tips for Teams using Atomic

Bradley Simpson

Being able to collaborate easily is now table stakes for modern design teams. The software you use should not limit your ability to collaborate appropriately as a team and organisation.

Not being able to quickly and easily share what you’re working on with everyone involved in the design process, is the modern day equivalent of riding a horse and cart for transport.

Sure it works, but there is now a much better way.

Here are seven tips to help your team work quickly and efficiently in Atomic:


1. Opening up

Adding collaborators to a project so they can have full access to your designs, and soon the related components.

Many designers using Atomic invite non-designers like the product managers, engineers and other teammates as collaborators, so they can contribute too. Inviting collaborators simplifies feedback loops and reduces friction.

By inviting Engineers to collaborate with you on a project, they can then easily select an element, and then export the CSS. This reveals the CSS styling used for that element.

They can also see transitions and moving elements, including timings in the Advanced Motion Timeline.

Inviting and removing collaborators


2. Editing and iterating a design - at the same time

Time to divide and conquer!

Once you’ve invited your collaborators, you can easily work on the same design at the same time. The only restriction is only one person can work on each page at a time (for now).

A great example is how some designers involve their content team and copywriting teammates: while a designer is tweaking one page, your content team can be editing the copy on another page. This eliminates long email trails, and back and forth editing that is inefficient and time-consuming.

Editing designs with collaborators


3. Sharing is caring

Once your design is ready to share you can easily give access to whomever you wish, without exposing the back-end workings or allowing them to edit your work.

This is most appropriate for customer updates, demonstrations, testing, and sharing with other stakeholders.

You also have the option to “let others make a copy” of any design. This allows others to iterate on the design themselves. This is perfect for sharing your work with colleagues who are starting a similar project, and want to understand the behind the scenes workings.

Sharing your prototypes

4. Use your own fonts

By uploading your own custom fonts, they are then available to the whole project, and everyone collaborating on that project. That means, if you upload a custom font for your design, your teammate can easy find and use that font if they’re working on a different design in that same project Nice!

See more here: Add your own custom webfonts

5. Invite others to the Reviewer plan

Would you like product owners, customers, or other stakeholders to be able to comment on your prototypes? When sharing your design, ensure the “let others leave comments” box is ticked.

This allows those people with the share link to sign up for a Reviewer plan and make comments which you can see. They do not have access to the editor, and the plans are absolutely free!

Atomic Plans: Choosing the right plan


6. Scrub back, anytime

The history scrubber is always available, so you can scrub back as far back in each page of your design as you wish. You can easily revert to an earlier version, or even quickly show colleagues the route you took to get where you are.

Here’s an idea: record a screen-capture or GIF (seen CloudApp?) of you scrubbing the history slider forward or back to share with your team and give them a very brief summary of how your page has evolved.

Scrub me back


7. Perfect for meetings; iterate together in real time

By using Atomic in meetings, everyone can follow along on their own laptops or mobile phones. Importantly, everyone can experience the look and feel of the design for themselves on their own devices.

Before the meeting, send out the share link, and then participants can easily review the design.

You can even iterate during the meeting on the original. Mobile users simply shake to refresh the prototype, and it is instantly updated to the most recent version.

Read more about previewing on a mobile.

Share a tip about Atomic on Facebook or Twitter, and we’ll send some swag to your team!

Part of a team? Stop the pain – sign up to Atomic now for a free 30 day trial.

Posted 2 May 2016

Advanced interactive design & prototyping.