How to use Abstract to work together.


Learn how to collaborate using Abstract in six easy steps.

Learn how to collaborate using Abstract in six easy steps.

Step 1 Create a Project

Play Video

Darren heard about Abstract and signed up. He created a project and then invited Mika, their frontend engineer and Antonio, a fellow designer to the project.

Create a Project

Projects

Projects represent an area of work. If you are a product team you may want a project for iOS, Android or web. You may want separate projects for your UI library and style guides, and a separate projects for marketing work or sales materials. If you are a creative agency each client contract could be a project. How you set up your team’s projects depends on how their work is organized.

Pro Tip

You don’t always have to create a project to begin. Someone in your team could start a project and invite you to collaborate. Learn more…


Step 2 Import Files

Play Video

Darren imports Sketch files by dragging and dropping them into the project or by clicking the “add file” button.

Import Files

Master

These files are your Master files - your single source of truth. Each project has a Master and can consist of one or several Sketch files. This way, everyone can look at the Master and use it as reference for their work.

Pro Tip

Remember to always open your Sketch file from Abstract. This way all changes made to your file will be tracked and recorded in Abstract. Learn more…


Step 3 Start a Branch

Play Video

Darren wants to make some changes to the Sketch files he imported. So he starts a new branch.

Start a Branch

Branches

Branches allow you to make a copy of the Master file while still being connected to the Master. It’s a safe space to explore, create and iterate without worrying about losing your original file. You can create as many branches as you like!

Pro Tip

You can branch from two places: Master, or another existing branch. This is useful if you want to riff on someone else’s work that hasn’t yet been finalized. Learn more…


Step 4 Edit and Make Commits

Play Video

Darren then opens the Sketch file from Abstract and edits it. After editing he makes a commit and mentions Antonio. Antonio reviews the design and has an idea. He creates a branch from Darren’s branch to edit the file. This way two designers can work on the same file without affecting the Master or worrying about overwriting each other’s work.

Edit and Make Commits

Commits

A commit is like a “super save” with context. When you commit you write a short description of the edits you made. This way, your team can look at your commit history and know what changes were made, when and why.

Pro Tip

Commit every time you make a change to your branch like a new exploration, when you finish a chunk of work or when you change direction. Learn more…


Step 5 Review Changes with Team

Play Video

After editing the file, Darren notifies Mika and Antonio. Mika and Antonio jump in and add their comments.

Review Changes with Team

Comments/Annotations

Annotating and leaving comments on a design simplifies the feedback process for your team. Use annotations to highlight specific areas of the file and share your feedback so the team knows exactly what you’re referring to. All feedback is collated with the design file making it easy for the designer to incorporate it.

Pro Tip

Make a collection to share your work. All annotations and comments made on the designs will be reflected in the collection. Learn more…


Step 6 Get Ready to Merge!

Play Video

Darren makes more edits to his branch. He also loves Antonio’s new exploration and gives Antonio the thumbs up to merge to his branch.

Get Ready to Merge!

Merge

Merging is where the magic happens. It’s what brings all the separate edits together in one place. You can merge two branches and bring those Sketch files together in one place or merge to the Master. Completing a merge will archive the branch, where it can be reviewed or revived later.

Pro Tip

Always get approval from a designer before merging into their branch. Most teams follow a process of getting approval from their design lead or team lead before merging into Master. Learn more…


Master is updated!


Your Master file can be the single point of reference for the entire team. No duplicate files. No conflicted copy. No confusion.

Full Speed Ahead with Abstract!

Try it for free now!