FOLIO library
FOLIO library is a Sketch file with all the components needed to design a FOLIO app interface from scratch.
Add the library
To be able to use the Library symbols, first, you need to add the library to Sketch.
Open preferences
Download the latest version of the FOLIO Pattern file to your desktop and go to “Sketch > Preferences “.
Open libraries
Open the libraries section. Select the latest version of the FOLIO Pattern library from your local drive.
Click “Add library”
Then you can select the Folio Pattern file from your local drive and install the library file to your library list.
Insert symbols
You can add symbols to your artboard to speed up your design process, and make sure your design adheres to the project standards.
Click “Insert”
The library symbols can now be found under the “Insert” section.
Select symbols
Open the “Symbols” tab to see the symbol groups.
Choose and place the symbol
Choose the symbol you want to use, and place it on your artboard.
Exchange symbols
You can easily change sibling symbols with the exchange symbols method.
Rights sidebar symbol dropdown menu
Select the symbol you want to change on the artboard, and click the dropdown in the right sidebar.
Exchange symbols
Choose a symbol among the sibling symbols related to the symbol you have selected on the artboard.
Fast switching
It’s easy to exchange the symbols used in your work with the symbols in the symbol library.
Overrides
Symbols content can easily be modified with the overrides method.
Overrides panel
When you select a Symbol instance that contains text or image layers nested within the symbol, the overrides panel will appear in the right pane bar.
Change the content
You are now able to edit content to match the purpose of your design vision.
Content updated
Once you select another item on the artboard, Sketch will update the content in the artboard for you.
Layer styles
Color of shapes can easily be modified with Layer Styles.
Layer style panel
Layer Styles are located on the right pane menu in the white box between the general layer and style properties in the Inspector.
Change style of layer
Select the layer you want to change and apply the style.
See the difference
Your selected shape has now been updated to match the layer style.
Text styles
Follow this 3 step procedure to change the text style of your text.
Text styles panel
You can access the text styles by clicking on the dropdown icon next to “No Text Style” in the right pane menu.
Change text style
Once you have selected the text, you can apply one of the text styles from the right pane.
Changing styles is easy
When you use the text style method, you are sure to comply with design standards.
Suggest new features
FOLIO Sketch library is open to all! If you would like to suggest a feature/design asset, you can now do so via the link below.