- Color Palette
- Liquid Colors.sketchpalette
- Color Palette Sketch Plugin
- Illustration Scene.ai
- Liquid Design System
- Liquid Design System_Sketch.sketch
- Liquid Design System_Figma.fig
The fonts are available with the Liquid Design System Kit.
How to Install the Font
Mac OS Double click on the downloaded .zip file.
Within the Lato folder, select all .ttf files and double click on them.
Click on install.
Windows Right click on the downloaded .zip file and select Extract to Lato.
Within the Lato folder, select all .ttf files and right click on them.
Click on install.
*You might require administration rights in order to install fonts on your computer.
- Open Sketch
- Navigate to Sketch Preferences
- Select Libraries
- Click on Add Library…
- Select the Liquid Design System Sketch file
Now you can use the system in every Sketch file you are working on. Please always make sure you’re not changing anything within the root Sketch file. If you find a bug, want to add something or have a change request just shoot us an email to firstname.lastname@example.org.
Check out the next section on how to use the library.
The entire library is built on the atomic design approach thus inside the structure of elements relies on the same approach.
Figma allows for great collaborative work through its browser-based nature and being accessible to multiple users at the same time. Though it might not entirely be up to speed with its competitors, new functionalities are permanently integrated and it’s already possible to make great designs with it.
If you have no access to a Mac computer and Sketch, you can use Figma instead. Figma is a free to start browser-based design tool, working on multiple platforms. We migrated the entire Sketch library to Figma so you are able to import the file from the Design Kit into Figma or access the preview link and have a look through it (use the three lined icon to see the different pages)!