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.
Download the latest version of the FOLIO Pattern file to your desktop and go to “Sketch > Preferences “.
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.
You can add symbols to your artboard to speed up your design process, and make sure your design adheres to the project standards.
The library symbols can now be found under the “Insert” section.
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.
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.
Choose a symbol among the sibling symbols related to the symbol you have selected on the artboard.
It’s easy to exchange the symbols used in your work with the symbols in the symbol library.
Symbols content can easily be modified with the overrides method.
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.
Once you select another item on the artboard, Sketch will update the content in the artboard for you.
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.
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.