Published on <a href="https://blog.prototypr.io/git-for-designers-is-here-meet-abstract-142abe049723?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Yuval Keshtcher <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*pVs1nJjxiXG2NotKgahIXg.jpeg">
Let’s face it, we designers can be messy sometimes in the way we work in team.
That’s why it’s really difficult to have full version control and documentation when designing digital products in a team.
Fortunately, those days are gone now.
Meet <a href="https://www.goabstract.com/">Abstract</a>, the app that will change our life as product designers for the better 🔥👊🍾.
Note #1: This is NOT a sponsored post of any kind. I just think this tool is valuable to us all. Note #2: Abstract is a Native Mac OS App that integrates only with Sketch.
In the following tutorial I’ll demonstrate how to use Abstract, which is basically like git for Sketch files.
<h3>The Struggle Of Design Teams is real</h3>
The CEO of your company just called and asked you to make some changes on a feature that your team member Joe made 2 weeks ago.
You get in the design team’s Dropbox folder, just to experience the horror.
Tons of different Sketch files, spread between different folders, which have very particular names such as “superiorMasterFile.sketch”, “dont_touch_7_14_17.sketch” and “proto_joe.sketch”.
<img alt="" src="https://cdn-images-1.medium.com/max/432/1*7Z1r82XXdfB46Ln06bILfg.gif">I don’t know about you, I feel like this panda too.
Trembling with fear, you open up those Sketch files only to find that the new feature is missing or that there are only outdated versions of the new feature.
Sigh… 😤
Sound familiar?
Join me for a short Tutorial to see how Abstract is going to change all of that.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FPARaO1JDrn0%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DPARaO1JDrn0&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FPARaO1JDrn0%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="640" height="480" frameborder="0"><a href="https://medium.com/media/f630a9c52086414f3aaaa1492c13bdf7/href">https://medium.com/media/f630a9c52086414f3aaaa1492c13bdf7/href</a></iframe>
<h3>Sync outside the box</h3>
Once you download the<a href="https://www.goabstract.com/"> Native app</a>, its’ really easy.
All we need to do is to open a new project.
<img alt="" src="https://cdn-images-1.medium.com/max/432/1*8WjuYPIs7fJNAp0snAWAiQ.gif">dary.
Then, we drag &amp; drop our Sketch file in order to Sync our designs within the app.
<img alt="" src="https://cdn-images-1.medium.com/max/432/1*UKnZLnnL3OjsXzTdPcizuA.gif">Syncing out loud.
Wait for a few minutes till the sync will be over (depends on the Sketch file size).
Now we can open our design files from the app.
Once the Sketch file is synced, we are going to manage and edit it only through Abstract.
<img alt="" src="https://cdn-images-1.medium.com/max/432/0*NzBCxp4hacsqIc5-.gif">Open your files with Sketch, Through Abstract.
<h3>One file to rule them all</h3>
To each project, we are going to have only one source, which is the Master file.
The design team members can work simultaneity on the same Sketch file without overwriting each other!
<h4>How does it work?</h4>
Basically, from each master File, anyone from the team can create a branch (which is a replica of the master file).
<img alt="" src="https://cdn-images-1.medium.com/max/432/0*kWQPsDOR6dTIH5l-.gif">We can change our designs within the branch as much as we like, the master file will remain the same.
When ready to update our current design of the master file, we simply ‘merge’ the branch and the master file with one click of a button.
<img alt="" src="https://cdn-images-1.medium.com/max/432/0*pne4DM8yTn4Am_HN.gif">Are you excited already? wait, there is even more.
<h3>Version Quest</h3>
When using Abstract, We Never worry about losing any version of our project. Abstract uses the method of ‘commits’. This method lets us track any change we had in our design, even if it’s a tiny one. Think of commit kind of like a ‘save for a state’ of the design.
Commits provides the team with a snapshot of the changes of each file.
It allows us to see who made a change and know when it happened, so we could restore to the previous version at anytime we wish to.
Under the commit section, Abstract has an Activity feed. Just like in any other social/Team management platform, it lets teams stay on top of the product design process.
The activity feed in the Abstract dashboard updates with each change we make.
<img alt="" src="https://cdn-images-1.medium.com/proxy/1*I8fmhK8Swp7tE9Wth9Cuag.png">
<h3>Teamwork Makes The Dream Work</h3>
Abstract is perfect for design teams.
It helps us work on the same file without the fear of losing data.
Team members can comment on each others work.
We saw this feature with tools such as Figma, Zeplin, and Invision, but when combined with Abstract, comments can change significantly the way we design the iterations of our product.
<img alt="" src="https://cdn-images-1.medium.com/max/432/0*jIxXXQqw03Ht-DGt.gif">
All we need to do is to share a link to our branch from Abstract. Anyone with that link could review our design on the web without downloading the native app or having to open a Sketch file.
Each Branch or commit can be discussed separately.
If that wasn’t enough, it is also integrated with <a href="https://slack.com/">Slack</a> and in the near future, it will integrate with tools such as Github, Jira, and more.
<h3>Pricing plans</h3>
Nothing comes without pay, of course. But for design teams, it seams to be worth every penny.
<img alt="" src="https://cdn-images-1.medium.com/proxy/1*qoawG2MBLDpUSJhA2EHBXg.png">
<h3>Summary</h3>
We are facing a design <a href="https://pl.wikipedia.org/wiki/Renesans">renaissance</a>, in which the product design workflow as we know keeps changing constantly with new tools hitting the market.
It could sound a bit scary at first, but hear me out: Once we would embrace this efficient workflow, there wouldn’t be a reason to go back.
Exactly like after embracing Sketch, we understood it was inefficient for us to design an interface using Photoshop. Well, at least most of us.
All of the developers I know use Git and version control. That’s why I believe that most design teams would eventually embrace a version control workflow for their designs. It was a real pain, until now.
So.. Try to give it a go yourself, and let me know what you think by <a href="https://twitter.com/KeshYuval">tweeting at me</a> 🙂
Yours Truly,
Yuvi
Note: Just mentioning this again — this article wasn’t in any way, formal or informal, sponsored by Abstract 🙂
Originally posted on <a href="http://hackingui.com/design/git-for-designers-abstract/">HackingUI</a>.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fupscri.be%2Fmedia%2Fform.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="480" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=142abe049723" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/git-for-designers-is-here-meet-abstract-142abe049723">Git for designers is here — Meet Abstract</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Git for designers is here — Meet Abstract

Top Stories