Skip to content

Latest commit

 

History

History
44 lines (33 loc) · 1.54 KB

README.md

File metadata and controls

44 lines (33 loc) · 1.54 KB
Raw

HueHive Figma Plugin

flowchart TB
    A[Huehive Figma Plugin] -->|User signs in with token| B[Huehive Login]
    B --> C{Does user have token?}
    C -->|Yes| D[Access Huehive]
    C -->|No| E[Go to Huehive to get token]
    E --> B
    D --> F[Generate Palette using ChatGPT]
    F --> G[Save Favorite Palettes]
    G -->|Access saved palettes| H[Use palettes in Figma plugin]
    H --> I[Add palettes to Figma]
    I --> J[Use in designs]
Loading

Generated on Huehive

This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.

Quickstart

  • Run yarn to install dependencies.
  • Run yarn build:watch to start webpack in watch mode.
  • Open Figma -> Plugins -> Development -> Import plugin from manifest... and choose manifest.json file from this repo.

⭐ To change the UI of your plugin (the react code), start editing App.tsx.
⭐ To interact with the Figma API edit controller.ts.
⭐ Read more on the Figma API Overview.

Toolings

This repo is using:

  • React + Webpack
  • TypeScript
  • Prettier precommit hook

Development

  • Clearing cache for the desktop app rm -rf "$HOME/Library/Application Support/Figma/"{Desktop,DesktopProfile}

Publishing plugin