tabler / tabler-icons-figma

A Figma plugin for Tabler Icons

Hello World

Development guide

This plugin is built with Create Figma Plugin.

Pre-requisites

• Node.js – v16
• Figma desktop app

Build the plugin

To build the plugin:

$ npm run build

This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin.

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

Install the plugin

1. In the Figma desktop app, open a Figma document.
2. Search for and run Import plugin from manifest… via the Quick Actions search bar.
3. Select the manifest.json file that was generated by the build script.

Debugging

Use console.log statements to inspect values in your code.

To open the developer console, search for and run Open Console via the Quick Actions search bar.

See also

• Create Figma Plugin docs
• yuanqing/figma-plugins

Official docs and code samples from Figma:

• Plugin API docs
• figma/plugin-samples

tabler-icons-figma's Issues

Icons as outline selected produce weird icons

Hey guys

I have found a small bug with the Figma plugin. If you copy the gear in normal and with the function icons as outline into your file the gear is completely broken.

I suspect that the vectors overlap and Fimga then makes nonsense. This problem does not exist in Light and Thin. So far I've only had this issue with the icon Gear. I don't know if you can do anything about it.

Best regards Jan