menu

Sketch

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.

Channels
Team

Sketch's versions control help!

March 21, 2019 at 3:01am

Sketch's versions control help!

March 21, 2019 at 3:01am

I was trying to setup Git for Sketch but seem not really intuitive, like switch branches and things, so anyone here have any Free solution, or guideline how to properly make this work ? thanks in advance


March 21, 2019 at 3:23am

Do you mean Kactus or the Git-Sketch Plugin? I recommend Kactus if you haven't tried it yet :)

  • reply
  • like

Do you mean Kactus or the Git-Sketch Plugin? I recommend Kactus if you haven't tried it yet :)

Git-sketch plugin is okay but not as good as when i'm using Git for manage code. Kactus is not really free anymore. Right now, i'm using CLI as a replacement. i kinda looking for a proper way to version control for sketch.

Edited
  • reply
  • like

Git-sketch plugin is okay but not as good as when i'm using Git for manage code. Kactus is not really free anymore. Right now, i'm using CLI as a replacement. i kinda looking for a proper way to version control for sketch.

Kactus is free if your repository is public, but otherwise it costs $5 per month + cost for having private repos on Github. There is also a plugin called Plant that has a free tier

like-fill
1
  • reply
  • like

March 22, 2019 at 2:08am

oh thanks, i'll give it a try, but still hoping for a more complete solution, or even better...Native.

  • reply
  • like

May 29, 2019 at 11:43am

i'm on the same page? in the same boat? like Thuan. Hackying my workflow away :D didnt find a perfect solution yet. @thuannguyen we could chat about this via PM if you want - incase someone finds a solution

like-fill
1
  • reply
  • like

May 31, 2019 at 1:17am

I am using gitlab from a year and must say this one is perfect solution with sketch. I tried all of the available tool but couldn’t satisfy until I used gitlab. I use github desktop app for controlling gitlab repositories. It is free with the ability to create private repositories.

like-fill
1
  • reply
  • like

I am using gitlab from a year and must say this one is perfect solution with sketch. I tried all of the available tool but couldn’t satisfy until I used gitlab. I use github desktop app for controlling gitlab repositories. It is free with the ability to create private repositories.

Could you provide us some insight on how you do it? Designer's collaborative workflow was never a straight line...

Edited
  • reply
  • like

It is similar to Git and uses the same commands. Developers are familiar to git, so they have no issue with that. The thing I love is the performance (no compromise on it).

Here is a little overview of issues I had with other tools (it will be a long read but hopefully helpful):

Abstract: When I tell my clients or dev teams that you can get the files on Abstract, the first question I receive “What is Abstract?”. Many clients says we don’t have time to learn a new tool. Besides I was also facing the performance issues and high CPU usage while working with Abstract on large files.

Kactus: Kactus never worked for me, and it ruined your directory with some unnecessary folders and files.

Plant: Easy to use but one project can have one file. If you have multiple sketch files or libraries it is not for you. Also, a new tool for dev team.

Sketch Cloud: Uploads complete file from scratch if you even changed a single dot. No option to deliver assets to dev team or organize your shareable directory.

Then I tried Gitlab and comfortable with that till now. Here are few tips to use that: — Use GitHub desktop app to clone the repository. — Make the repository structure meaningful. — Push frequent commits with meaningful naming conventions and details — Invite your clients/dev team and they will never ask you “please send us latest files or assets” 😄

Here is the directory structure I use. (I use automation tool to generate this directory structure in the relevant folder”) Project (root directory)

  • Repo (synced with gitlab)
Assets
— Fonts
— Icons
— Images
Guide
— Style Guide and usage Info
— Other help
Lib
— Design System Library
Requirements/Resources
— Requirements Docs
— Reference Files
— Misc
Exportables
— Icons
— Images
— Saas/CSS (if required)
Previews (Export your artboards in the relevant directory, so the client/team can view in gitlab)
— Desktop
— Mobile
— Tablet
Sketch file on the root of repo
  • Inspiration (not synced)
  • Misc (not synced) Please let me know if you need further information. I would love to help you and learn from you.
Edited
like-fill
2
  • reply
  • like

@navid-mustafa OMG this is great, but how do you deal with conflicts, comparing changes... we have multiple designer working the same file at the same time, PS: right now we're using the trial version of Abstract to deal with the current situation.

  • reply
  • like

You can use git plugin for sketch and it will generate and push the diff.

  • reply
  • like

@navid-mustafa Cool, let me do some more research

  • reply
  • like