---
title: "DesignGui"
description: "Browser extension for inspecting and editing a live site's CSS custom properties and design tokens."
canonical: "https://vibing.inc/library/designgui-vg-1816"
category: "UI Components & Libraries"
subcategory: "Component tooling"
license: "freemium"
author: "@jchetters"
source: "https://www.designgui.io/"
---

# DesignGui
Browser extension for inspecting and editing a live site's CSS custom properties and design tokens.
## Facts
- Source: https://www.designgui.io/
- Category: UI Components & Libraries / Component tooling
- Author: @jchetters
- Licence: freemium
- Tags: devtools, css-variables, tokens, extension
## Why it's a gem
Tweak a deployed design system in the browser and copy the resulting tokens out
---
Listed in The Vibeary: https://vibing.inc/library/designgui-vg-1816 · JSON: https://vibing.inc/api/public/library/gems/designgui-vg-1816