https://github.com/elasa7/illustrator_script

import color palette from figma / create color guide in illustrator
https://github.com/elasa7/illustrator_script

brand color colors design export figma guide illustrator import json pallete script

Last synced: 12 days ago
JSON representation

import color palette from figma / create color guide in illustrator

• Host: GitHub
• URL: https://github.com/elasa7/illustrator_script
• Owner: elasa7
• Created: 2025-01-24T23:59:40.000Z (13 days ago)
• Default Branch: main
• Last Pushed: 2025-01-25T00:05:47.000Z (13 days ago)
• Last Synced: 2025-01-25T01:17:42.287Z (13 days ago)
• Topics: brand, color, colors, design, export, figma, guide, illustrator, import, json, pallete, script
• Language: JavaScript
• Homepage:
• Size: 157 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Import Colors from Figma to Illustrator

This script enables you to seamlessly import color palettes from Figma into Illustrator, ensuring consistency across both tools.

### Example JSON Format:

```json

{

  "example_color_1": "rgb(0, 113, 114)",

  "example_color_2": "rgb(242, 147, 37)",

  "example_color_3": "rgb(217, 79, 4)"

}

```

To export colors from Figma, use the "Color Import/Export" plugin:

1. Select the styles you want to export.

![Figma to Illustrator](image/figma_copy_json.png)

2. Copy the JSON to your clipboard.

3. In Illustrator, run the script and paste the JSON when prompted.

![Figma to Illustrator](image/ai_paste_json.png)

---

# Create Color Guide from Selected Swatches

This script helps you create a visual color guide from selected swatches in Illustrator.

### Instructions:

1. Select the swatches from the Swatches panel (⚠️ Warning: global colors cannot be used)

2. Run the script.

3. The script generates groups of rectangles for each selected color, displaying their HEX, RGB, and HSL values.

![Color Guide Example](image/ai_create_guide.png)