iconify / iconify-sketch

Sketch plug-in for importing over 100,000 icons from 100+ icon sets, including Material Design Icons, FontAwesome, Jam Icons, Open Emoji and many others.
https://iconify.design/
Apache License 2.0
88 stars 9 forks source link

Port for Figma #5

Closed artile closed 5 years ago

artile commented 5 years ago

Figma have un-official plugins https://figmaplus.com/ would be great to have a port of sketch plugin for Figma. Thanks for your great job!

cyberalien commented 5 years ago

Thanks for mentioning Figma Plus. I did look at Figma a while ago, they don't support plug-ins. But this changes things.

cyberalien commented 5 years ago

It was easier than expected. See https://github.com/iconify/iconify-figma-plus

Its not published yet, for now to run it you need to do this:

  1. Open Figma Plus console
  2. Paste this command:
    var el = document.createElement('script'); el.setAttribute('src', 'https://iconify.github.io/iconify-figma-plus/dist/plugin.js?t=' + Date.now()); document.head.appendChild(el);

    This will load plug-in remotely. After that plug-in should appear in plug-ins list.

If you don't know how to open Figma Plus console:

  1. Open Figma Plus, move mouse to "+" icon in top right corner, you should see option to turn on dev mode. Turn on dev mode. Start or restart Figma.

  2. In Figma in menu go to Figma Plus, you'll see new option: "Run Script". Click it. Paste code I've posted above and run it. If code won't paste, click "Show console" in bottom left corner, paste code to console and run it there.

artile commented 5 years ago

Great job!