VoilaDesign

A complete design toolkit for designers and developers — colour, typography, and spacing inspector in one extension.

As of June 2026, VoilaDesign has users in the Developer Tools category.

Usersno change0%
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.0.0
Manifest V3

History

1 snapshots

Tracking since May 6, 2026.

Not enough history yet for this metric — the chart fills in as we collect more snapshots.
View as table
DateUsersRatingReviewsVersion
May 6, 20261.0.0
Now1.0.0

Permissions & access

Permissions
activeTabtabsscriptingstoragecontextMenuswindows
Host access
<all_urls>

Screenshots

VoilaDesign screenshot 1VoilaDesign screenshot 2VoilaDesign screenshot 3VoilaDesign screenshot 4VoilaDesign screenshot 5

About

VoilaDesign is a precision design inspector for designers and developers. Click any element on any page and instantly see its colour, typography, and spacing — no DevTools, no guessing.

🎨 COLOUR — Always Free
• Click any element to capture its colour
• HEX, RGB and HSL values with one-click copy
• 10-step shade scale (50→900) generated instantly
• Colour history and complementary palette

🔤 TYPE — Full Suite
• Font family, weight, size, line-height and letter-spacing
• 8-step type scale visualised as bars
• Secondary font pairing suggestion

📐 SPACE — Full Suite
• Full CSS box model: margin, border, padding, content
• Width, height, border-radius and gap values
• Inspect multiple elements and compare

📦 EXPORT — Full Suite
• Export design tokens to CSS Variables, Tailwind config, JSON or Figma
• Copy-paste ready :root {} block
• One click — zero friction

💷 PRICING
• Colour: Free forever — no account needed
• Full Suite (Type + Space + Export): £2.99/month or £22/year
• Cancel anytime. No credit card required for the free tier.

Built for designers who inspect, developers who build, and anyone who's ever wondered "what font is that?"

Technical

Version
1.0.0
Manifest
V3
Size
56.81KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
meijmkkmmdolcejgnbakbmbdelacpmag
Developer ID
ub9bfbba978792a326a41dc3ed139848d
Developer Email
[email protected]
Created
May 5, 2026
Last Updated (Store)
May 5, 2026
Last Scraped
Jun 12, 2026
Website
Privacy Policy

Data sourced from the Chrome Web Store · last verified Jun 12, 2026.