idk-69
Oct 12, 2026
LFG
D
4.0/51 rating
#832in Productivity
2In stores
Description
Hover any element to see its box model, spacing, colors and fonts. Measure pixel distances, preview every screen size, audit the page and hand its animations to your AI. One extension, on any website.…
Preview
Highlights
- Element inspector: size, spacing, typography and colors in
- Pixel-perfect distance measurement with page rulers and cr
- Export CSS, Tailwind classes or React style objects
- Responsive mode: phone, tablet and desktop side by side
- Page audit: meta tags, social previews and detected technolo
Made by
Ratings & Reviews
4.0
out of 5
1 rating
5
0
4
1
3
0
2
0
1
0
People also visit
Design Toolkit FAQ
What is Design Toolkit?
Hover any element to see its box model, spacing, colors and fonts. Measure pixel distances, preview every screen size, audit the page and hand its animations to your AI. One extension, on any website.
Is Design Toolkit free?
No. Design Toolkit is a paid app.
Do I need to download Design Toolkit?
No. Design Toolkit runs in your browser at designtoolkit.online, so there's nothing to install.
Who makes Design Toolkit?
Design Toolkit is made by Agiad.
What can you do with Design Toolkit?
Main features: Element inspector: size, spacing, typography and colors in, Pixel-perfect distance measurement with page rulers and cr, Export CSS, Tailwind classes or React style objects, Responsive mode: phone, tablet and desktop side by side, Page audit: meta tags, social previews and detected technolo.
What are the best Design Toolkit alternatives?
Popular alternatives to Design Toolkit include Landing Leaderboard, Awesome Tools and Axiom. See all Design Toolkit alternatives