Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kaimagnusmueller/svg-icon-manager
Import and manage icon libraries in Figma
https://github.com/kaimagnusmueller/svg-icon-manager
design-system figma icon management plugin
Last synced: 9 days ago
JSON representation
Import and manage icon libraries in Figma
- Host: GitHub
- URL: https://github.com/kaimagnusmueller/svg-icon-manager
- Owner: KaiMagnusMueller
- Created: 2022-03-25T08:26:33.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-06-19T16:56:40.000Z (8 months ago)
- Last Synced: 2024-12-04T18:22:28.509Z (2 months ago)
- Topics: design-system, figma, icon, management, plugin
- Language: Svelte
- Homepage: https://kaimagnus.de/articles/building-icon-libraries-with-icon-library-manager
- Size: 390 KB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Get Icons from Carbon
```bash
npm install -S @carbon/icons
```
Then select that folder in the plugin
## To get started with development:
Clone repo
```bash
npm install
```
## Connecting your plugin to Figma
Connecting your plugin to Figma
After installing, go to **Plugins / Development / New Plugin** in the Figma desktop app for Mac OS or Windows and choose the option **"Link existing plugin"**.
_You also can just type "New Plugin" in Figma global search to go there_
From there you need to link a **manifest.json** file located at **public** folder in your directory:
```bash
/figma-plugin/public/manifest.json
```
Now edit this file to give a new name for your plugin, and you will be able call it from Figma: **Plugins / Development / Your Plugin Name**
## Development
During development, watch your project for changes with the following command.
```bash
npm run dev
```
Start building your plugin UI in `'src/Plugin.svelte'`.
## Build
When ready to package up your final Figma Plugin:
```bash
npm run build
```
Built using
The svelte Figma components from Thomas Lowry [Figma Plugin DS Svelte](https://github.com/thomas-lowry/figma-plugin-ds-svelte)