![]() We now have a Symbols page with all icons converted to symbols. Select all icons and launch Plugins / Batch Create Symbols / Use Layer Names (Ctrl-Shift-B). You can find it in Sketch Runner and via the Sketch Plugins page too. Install the Batch Create Symbols plugin by Paul Demers. Converting each icon to a symbol manually is also not a reasonable option. However, if you go to Layer / Create Symbol it will make just 1 symbol of all your icons together. Now, to build a Sketch library we need to transform these into Symbols. Since Sketch supports symbols & libraries, we can use this to solve all of these nuisances.įirst things first, install the Symbolset OpenType font in your system. Additionally, you can’t modify an icon unless you convert it to outlines. Horizontal & vertical alignment can be troublesome when the icons have different widths and/or heights. ![]() Here lies another problem: as your icons are in fact entered as text, they inherit some of the disadvantages of text objects too. ![]() SS Gizmo, and voila - a beautiful, scaleable icon is made! Wouldn’t it be handy if you could just choose the icons from a list?īut what about using them for UI design in Sketch? You can quickly type a keyword with the Text tool, set the font to e.g. Each Symbolset font is accompanied with a documentation html that lists all icons with their (multiple) corresponding keywords. However, there are some problems in using these icon fonts.įor me, the biggest problem is that you have to remember the keywords defined in that particular font.
0 Comments
Leave a Reply. |