Build Design Systems With Penpot Components
Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.

medium bookmark / Raindrop.io |
UX designer at @thewizeline π²π½ Former business intelligence engineer π«π·
Sep 11
End of August, Sketch released a new feature in their beta version: Sketch Libraries.
And Sketch Libraries are π₯π₯π₯ π± πππ» π₯π₯π₯!
You can read about it and/or learn how to use some Sketch files as Libraries with Pablo Stanleyβs tutorial video:
As Sketch users, Abstract (launched publicly in July) was the perfect solution to fight all the issues we had around collaboration (many designers working on the same file) and versioning (mocks-final-final-v4.sketch).
So, can we work with both of them?
Libraries are declared in Sketchβs Preferences, which means that they will be available for any file opened in Sketch.
The reference to a Library is made through the name of the file and its location.
Abstractβs working folder is structured by project, branch, Sketch file and versions.
Abstract follows a Git logic: a project (repository) is made of a main branch (Master) and working branches (feat/homepage in this example).
Because of this structure, and because itβs collaboration and versioning oriented, one sketch file doesnβt exist as a single sketch file in the file system, but as many instances of this same sketch file.
If we follow some Atomic Design nomenclature, there is no way to both collaborate and version π΄ on an atom Sketch file (like Colors.sketch or Buttons.sketch) and to use it as a Library π.
On the other hand, we could use Abstract to collaborate and version on a page Sketch file. This page Sketch file would be able to use Libraries.
Letβs consider the following assumptions:
In this architecture:
Because of the third assumption at the origin of this potential architecture, this workflow would need to be tested with the stable release version of Sketch 47.
Show your support
Clapping shows how much you appreciated Florian Lissotβs story.
Write a responseβ¦
prototypr.io
AI-driven updates, curated by humans and hand-edited for the Prototypr community