Sketch 43 🙌 introduced a new open file format where .sketch documents are now stored as .ZIP archives containing .JSON files and what that allows us is to use git to keep track of changes made to the files. So basically we can now use git in a design workflow to version control .sketch files.
The .sketch file in itself isn't ready out of the box to be versioned in git, so there is a bit of a manual process in order to make it work. To do that we need to unzip its contents so they reveal the .JSON files which can be tracked in git.
So the idea for the git workflow is that you work as you normally do on the .sketch file, and when you're happy with the work you have done and are ready to commit its changes, you have to unzip the .sketch and add all its files to the commit of your local branch.
The first thing you need to do is open the folder where the .sketch file is located on your computer in the command line. In case of the RTL-Design repo the .sketch file will be located in the source folder inside UX or UI respectively.
# Open the feature folder
$ cd lnd/lightning/ux/source/sketchNow that we are in the right directory we have to unzip the file.
# Unzip the contents of the .sketch file into a folder named sketch.
$ unzip filename.sketchThe .sketch file is now unzipped if we look in the directory we can see all the extracted .JSON files that can now be tracked within git. The only thing that is left is to commit the files to your local branch. More on this check Gitflow Design.
Keep in mind that every time you change and save the .sketch file you will have to unzip it so that changes can be tracked within git.