Ladder – Color Scale from Image
Extract color scales from any image and register them as Figma Color Styles.
Plugin Preview
About this plugin
Ladder bridges the gap between a visual reference and a real color system. Select any layer a photo, moodboard, frame, or existing swatch sheet and Ladder extracts the dominant colors, generates a numbered scale with the steps you choose, and registers everything as Figma Color Styles in one click.What you can do:Extract colors from any image or frame using k-means clusteringReview and clean up extracted colors remove noise, group by hue, or re-read as an ordered swatch stripChoose your scale steps use Material, Tailwind, or define your ownName each hue styles register as HueName/Step (e.g. Green/50, Green/500, Green/950)One click to push everything to your Figma Styles panel, grouped and ready to useBuilt for designers who need clean color primitives fast without manually eyedropping, guessing steps, or registering styles one by one.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 31, 2026 |
| Last Updated | March 31, 2026 |
| Category | shapes-colors |
| Creator | Doga Dogan |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/src/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the shapes-colors category.