https://github.com/ogty/figma-icon-component-generator

🎨 Figma Icon Component Generator
https://github.com/ogty/figma-icon-component-generator

cli component generator icon svg

Last synced: 10 days ago
JSON representation

🎨 Figma Icon Component Generator

• Host: GitHub
• URL: https://github.com/ogty/figma-icon-component-generator
• Owner: ogty
• Created: 2023-01-23T14:26:31.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-23T15:03:07.000Z (almost 2 years ago)
• Last Synced: 2025-01-03T03:55:43.576Z (15 days ago)
• Topics: cli, component, generator, icon, svg
• Language: TypeScript
• Homepage:
• Size: 41 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
🎨 Figma Icon Component Generator


## ✏️ Procedure

### 1. Get Personal Access Token(`FIGMA_TOKEN`)

`Settings > Account > Personal Access Token`

### 2. Get Copy(`*_FILE_ID`)

- [Bootstrap Icons](https://www.figma.com/community/file/1042482994486402696)

- [Untitled UI Icons](https://www.figma.com/community/file/1114001199549197320)

- [css.gg](https://www.figma.com/community/file/834587122842084475)

```

https://www.figma.com/file/**********************/

```

Copy the asterisked portion (fileId)

### 3. Set Environment Variables

**`.zshrc`**

```zsh

...

export FIGMA_TOKEN='**********************'

export CSS_GG_FILE_ID='**********************'

export BOOTSTRAP_FILE_ID='**********************'

export CSS_GG_FILE_ID='**********************'

```

## Usage

```zsh

$ npm install --global figma-icon-component-generator

$ icon

```