Peel

Extract design tokens
from anyimage

Drop screenshots onto an infinite canvas, run AI analysis, and get structured design tokens — colors, typography, and styles.

Drop your designs

Drag screenshots, images, or videos onto the canvas. Arrange them on an infinite canvas with pan and zoom.

landing-hero.png
Demo

Drop anything

Images, screenshots, videos, or website URLs — drag them onto the infinite canvas and Peel handles the rest.

Color palettes

AI extracts every color with semantic roles — primary, background, accent — weighted by visual prominence.

Typography

Font families, weights, sizes, and line heights detected and organized by usage — heading, body, caption.

Design sections

Visual components identified with their CSS properties — shadows, border radii, gradients, spacing.

AI-powered

Choose Claude or Gemini to analyze your designs. Structured output with deduplication and smart merging.

Copy as code

Export design tokens as CSS variables, Tailwind config, or a structured prompt ready for any AI coding tool.

Ready to start peeling?

Available on macOS, Windows, and Linux.