Chrome extension
Extract fonts, colors, and CSS tokens from the active tab. Exports DESIGN.md, CSS variables, JSON, or a text prompt. Runs locally in your browser.
Free. No account required.
- Scan
- Reads CSS variables, computed colors, and font families from the active tab.
- Edit in Playground
- One click opens aibrandkits.com/playground with the extracted kit loaded for colors, icons, and exports.
- Export
- Copy DESIGN.md, CSS variables, JSON, or a prompt in one click.
How to use
- Install from the Chrome Web Store
- Open a public website.
- Click the extension icon. Scanning starts automatically.
- Click Edit in Playground to open the full editor at aibrandkits.com with fonts and colors loaded.
- Or copy DESIGN.md, CSS, JSON, or a prompt from the popup.
Developer install
Load unpacked from the chrome-extension/ folder in this repo.
- Open
chrome://extensions - Enable Developer mode
- Load unpacked and select the extension folder