Giter VIP home page Giter VIP logo

sketch-icons's Introduction

alt text

Sketch Icons

A Sketch plugin that allows you to import a set of icons and automatically apply a color style.

Discover our new website!

📣 Read our Medium article to use Sketch Icons efficiently

⚠️ If you have some troubles with Sketch Icons, here are some recommendations:

  • Sketch Icons is not compatible with MacOS El Capitan
  • It seems that Sketch Focus plugin is preventing Sketch Icons from working properly, so please disable it

Features

Since the arrival of nested symbols and Sketch libraries, our worfklow has been incredibly improved.

But if, like us, you have wondered how to import all of your icons into Sketch and how to apply a color individually... Then this plug-in is made for you.

  1. Import a folder or a set of icons.
  2. Choose a color library and apply automatically a color.
  3. Enjoy your dynamic icons library.

That's all. ❤️

Import icons

Just go to Plugins -> Sketch Icons -> Import icons... and select your folder or your icons. You can also use the keyboard shortcut cmd + shift + i.

alt text

And... Voilà ! Your dynamic icons library is ready!

Replace severals icons

To save you even more time, we have designed a feature that allows you to replace or update icons already imported into your library. You will find this feature in Plugins -> Sketch Icons -> Replace icons....

alt text

✨ Organize icons (New)

You can now drag and drop your icons directly into Sketch (from a folder or an application like IconJar). Once your icons are dropped, select the set and go to Plugins -> Sketch Icons -> Organize icons....

alt text

Add a color on several icons

If you want to apply a color to an icon - or a set of icons - you can use this functionality Plugins -> Sketch Icons -> Apply a color.... You can also use the keyboard shortcut cmd + shift + m.

alt text

That's about all you need to know. This should save you a lot of time!

Do not hesitate to come back to us. We want your feedback :)

How to install the plugin

We recommend installing the plugin with Sketch runner.

Method 1: Sketch runner

Open Sketch Runner, search for "Sketch Icons", and click "Install".

runner-badge-blue

Method 2: Manually

  1. Download the ZIP file and unzip
  2. Open Sketch Icons.sketchplugin

Contact/Feedback

Sketch Icons is designed by Valentin Chrétien and developed by Antoine Moreaux.

If you have any questions, feel free to contact us directly on Twitter or drop us an email. Feedback is always appreciated :)

Thanks guys!

If this plugin saves you time, do not hesitate to send us small messages of thanks!

You can also offer us some beers or coffees.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.