Skip to content

scottbaggett/poline-generator-figma

Repository files navigation

Poline Generator - Figma Plugin

A visual color palette generator built with Poline - a library for creating perceptually uniform color palettes through HSL interpolation inside Figma.

Figma Plugin

poline-generator

Features

  • Multi-anchor palettes - Define multiple color anchor points and generate smooth gradients between them
  • Position functions - Choose from 8 interpolation curves (Linear, Exponential, Quadratic, Cubic, Quartic, Sinusoidal, Arc Sinusoidal, Arc)
  • Hue shifting - Apply rotational hue adjustments across the palette
  • Closed loops - Generate palettes that seamlessly loop back to the starting color
  • Inverted lightness - Flip the lightness direction for dark-to-light or light-to-dark gradients
  • Export formats - Copy colors as HEX, HSL, RGB, or LCH values

Getting Started

Prerequisites: Node.js 18+

# Install dependencies
pnpm install

# Start development server
pnpm dev

Build

pnpm build

Tech Stack

  • React 19
  • TypeScript
  • Vite
  • Tailwind CSS v4
  • Poline for color interpolation
  • D3 for color space conversions
  • Radix UI primitives

About

Generate beautiful color palettes using the Poline color interpolation library

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors