TONO 🎨
Live color tracker and palette generator
The problem:
Color inspiration doesn't happen at your desk. You see it in a café wall, a piece of fabric, a golden hour out the window — and by the time you're back in Figma, it's gone. There's no way to pull a palette from the real world in real time without leaving your design tool, bouncing between apps, and losing the feeling entirely.
The idea:
Tono connects your camera to your design workflow. Point it at anything — a physical object, a photo, a scene — or upload a picture and it extracts a live color palette in real time. The colors update as the image changes. When you see the palette you want, export it as HEX and drop it straight into Figma. No screenshots. No third-party pickers. No context-switching. No individual color selection.
Workflow:
https://www.figma.com/community/file/1649674267189658790
Sketched the basic layout and jumped right into Figma Make for prototyping. Adjusted UI styles and behaviors on Figma and connected via MCP to Claude Code for the final details. Deployed to Vercel for hosting.
Built with Figma suite for the Config Makeathon 2026
Live Project:
https://tono-color.vercel.app/
Prototype community file:
https://www.figma.com/community/file/1649675999748579507/tono-live-color-picker-and-palette-generator
Instagram Reel:
https://www.instagram.com/reel/DZwZoSbB3eC/?igsh=MWhjcnhpZGF0eDVzag==