/sketch-iconfont

This plugin helps you easily insert and manage icons from icon fonts.
  1. JavaScript 100.0%
JavaScript

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Pull request Compare This branch is 83 commits behind master.
Latest commit 673f85d Dec 28, 2015 @keremciu Update README.md
Permalink
Failed to load latest commit information.
iconfont.sketchplugin/Contents filter function problem fixed Dec 5, 2015
.gitignore fix artboard problem Nov 6, 2015
HELP.md Update HELP.md Dec 28, 2015
README.md Update README.md Dec 28, 2015

README.md

Latest Version Join the chat at https://gitter.im/keremciu/sketch-iconfont

Use Icon-Fonts in Sketch

This plugin helps you to add/manage icons with a nice way.

=======

- Features

Why you need to use

A Problem of the Designer: When a designer wants to add an icon from icon fonts (like material, fontawesome, etc.) you need to find a cheatsheet to copy it in your design file or need to use a another application.

  • You can easily add all icons without another application!

A Problem of the Developer: When a developer wants to learn name of the icon which is added by designer, you need to look too much icons to find it.

  • You can easily learn it without any search.

=======

- Install

It needs to be clear.

with Sketch Toolbox

  1. You can install 'Sketch Iconfont' plugin directly.

manual

  1. Download ZIP of this repo.
  2. Extract and rename folder to what would you like.
  3. Put the folder in your Sketch plugin folder (Use Plugins > Reveal Plugins Folder to find the plugin folder).

=======

- Documentation

Its a little documentation about commands
Command Description
Install a Font-Bundle This is the first command of plugin. You need to install a font-bundle first with this command.
Export your Font-Bundle Export or backup all of your icon-fonts which ones installed by you. If you have too much custom-icon fonts or you want to install new version, you need to backup fonts.
Install a Font If you want to use a icon-font, you need to install it with its svg file.
Remove a Font If you want to remove a font, you need to select it with this command.
Grid Insert Insert an icon from the grid which is searchable.
Name Insert Insert an icon with its name.
HTML of Selected Icon If you want to use an icon on web or mobile you need to select it and run this command.

Minimum Dependencies

  • OSX El Capitan.
  • Sketch 3.4.4.

You can follow me on twitter to get updates. http://twitter.com/keremciu

License

MIT

=======

Donate

🍻

If you want you can buy me a beer guys, https://www.paypal.me/keremsevencan :)

Old version

If you want to see old version of this plugin, you can go for it: http://i.imgur.com/EBGmlSe.gif