Step 1 Create a ProjectPlay 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.
ProjectsProjects 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.
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 FilesPlay Video
Darren imports Sketch files by dragging and dropping them into the project or by clicking the “add file” button.
MasterThese 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.
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 BranchPlay Video
Darren wants to make some changes to the Sketch files he imported. So he starts a new branch.
BranchesBranches 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!
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 CommitsPlay 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.
CommitsA 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.
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 TeamPlay Video
After editing the file, Darren notifies Mika and Antonio. Mika and Antonio jump in and add their comments.
Comments/AnnotationsAnnotating 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.
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.
MergeMerging 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.
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.