StylesBot · AI style guide generator
A Figma plugin users asked for became the biggest reason they stayed
StylesBot turns a logo or a short brief into a style guide with accessibility checks built in. I designed, built and launched it on my own.
- Role
- Design, engineering, launch
- Scope
- SaaS, from zero to launch
- Stack
- Next.js, PostgreSQL, Gemini
- Model
- Freemium, no card

The problem
Designers, developers and PMs I talked to rebuilt style tiles and tokens from scratch on every project, and accessibility got checked after handoff, if at all.
Key decision
Run WCAG checks while the guide is generated, and show a live website preview that picks up every color and type change.
Result
After launch, users asked for Figma. A plugin that writes the tokens as native Figma Variables became the main reason people kept using StylesBot.

Checks during generation 
Live website preview 
Figma Variables sync



























