Flagpack for Sketch

Either add the Flagpack Sketch Cloud Library or download as standalone Sketch document.

Adding the Shared Library is advised as newly added and edited flags will automatically be available through a Library update This means you will aways have the most up-to-date version of Flagpack without having to manually re-download or import any file.

To add the Shared Library to your local version of Sketch app go to https://www.sketch.com/s/6e670a4b-2942-4cdf-a813-b8b2e840a30d and choose Add Library to Sketch.

Alternatively download the Sketch Cloud Library as a standalone Sketch Document. Go to https://www.sketch.com/s/6e670a4b-2942-4cdf-a813-b8b2e840a30d and choose Download Document.

Once downloaded, the standalone Sketch document can also be added as a Linked Library. Learn how to add a Library on the official Sketch documentation pages.

There are six flag Symbols to choose from resulting from a combination of three predefined flag sizes and three predefined flag shapes.

There are six flag Symbols to choose from resulting from a combination of three predefined flag sizes and three predefined flag shapes.

Insert the flag Symbol by going to Insert → flagpack and choosing one of the three predefined sizes:

Subsequently choose one of the three predefined shapes;

The default country of flag Symbols is set to the Netherlands and can be changed as it is a Symbol Override. To choose another country select the flag Symbol and click on the country Override dropdown in the Inspector. You can choose from a list of alphabetically sorted flags. Search by a country's two letter code (ISO 3166-1 alpha-2) or the full English country name. For a full list of available countries and their corresponding codes see the Flag Index.

By default the flag Symbol has a styling effects applied to it. To change these styling options choose alternative options from the overlay and drop shadow Symbol Overrides dropdowns in the Inspector.

If you decide to change the size of the flag Symbol we advice you to insert it again as a new or addition Symbol Instance going to Insert → flagpack.

The reason is each of the three predefined sizes has been custom designed to contain the right amount of detail for the sake of being recognizable. Replacing a yet inserted flag Symbol with another flag Symbol of a different size using the Inspector (or using Layer → Replace With...) is not advices. It can lead to a smaller sized flag Symbol displaying too many details in the country flag or the other way around: a larger sized flag Symbol displaying too little details in the country flag.

To fully customize Flagpack's flags and the way they look detach the main Symbol by going to Layer → Detach from Symbol (or right mouse clicking on a flag Symbol instance and choosing Detach from Symbol).

Note that if you've added Flagpack as a Sketch Cloud Library, detaching a Symbol can turn the flag Symbol coming from the Flagpack Sketch Cloud Library into a disconnected Layer. This can prevent global Flagpack Sketch Cloud Library updates from being available in your Sketch Document.