Image du logo de l'article pour Kitra - Design System & UI Inspector

Kitra - Design System & UI Inspector

5,0(

3 avis

)
ExtensionOutils27 utilisateurs
Élément multimédia 4 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 1 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 2 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 3 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 4 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 1 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 1 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 2 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 3 (capture d'écran) pour Kitra - Design System & UI Inspector
Élément multimédia 4 (capture d'écran) pour Kitra - Design System & UI Inspector

Présentation

Powerful web design inspector. Analyze colors, fonts, and spacing. Capture full-page screenshots. The ultimate developer tool.

Powerful web design inspector. Analyze colors, fonts, and spacing. Capture full-page screenshots. The ultimate developer tool. Long Description Kitra: The Ultimate Design System & UI Inspector for Modern Developers. Stop digging through the "Inspect Element" styles. Kitra is a premium, all-in-one DevTools extension designed to help developers, designers, and QA engineers deconstruct any website’s design system in seconds. Whether you're auditing a site, building a component library, or doing a design hand-off, Kitra provides a sleek and intuitive interface to see exactly how a UI is built. ✨ Key Features: 🎯 Intelligent Element Inspector Get instant CSS properties, computed styles, and box model data. NEW: Draggable inspector panel—move it anywhere to keep your workspace clear. One-click "Copy as Component" for React/Tailwind. 🎨 Design System Mapping Colors: Automatically extract the full color palette from any page. Typography: Identify every font family, weight, and size used. Layout: Toggle Wireframe mode, 8px Grids, and 12-Column layout overlays to check alignment. 🖼️ Asset Hub Extract every image, SVG, Video, and Lottie animation on the page. Preview assets instantly and download them individually or in bulk (PRO). 📸 High-Fidelity Screenshots Capture the visible area or a full-page stitched screenshot with one click. Perfect for design reviews and documentation. ♿ Accessibility Audit (A11y) Scan for WCAG 2.1 compliance. Identify contrast issues, missing alt tags, and structural errors instantly. 🚀 Developer Exports Export design tokens to JSON, CSS Variables, Tailwind Config, or SCSS. Generate full style guide reports for your projects. Why Choose Kitra? Built with a focus on speed and aesthetics, Kitra turns hours of manual CSS auditing into a few clicks. It’s lightweight, secure, and designed for the modern web. Try Kitra Today — See the system behind the UI. Developed with ❤️ by Ankit Panwar Portfolio: https://ankitpanwar.dev/

Détails

  • Version
    1.1.0
  • Dernière mise à jour
    10 février 2026
  • Proposé par
    ankitpanwar0707
  • Taille
    47.0KiB
  • Langues
    English
  • Développeur
    E-mail
    ankitpanwar0707@gmail.com
  • Non-professionnel
    Ce développeur ne s'est pas identifié comme professionnel. Pour les consommateurs de l'Union européenne, veuillez noter qu'il est possible que les droits des consommateurs ne s'appliquent pas aux contrats entre vous et ce développeur.

Confidentialité

Gérez les extensions et découvrez comment elles sont utilisées dans votre organisation
Le développeur a indiqué qu'il ne collecterait et n'utiliserait pas vos données.

Ce développeur déclare que vos données :

  • Ne seront pas vendues à des tiers en dehors des cas d'utilisation approuvés.
  • Ne seront ni utilisées ni transférées à des fins sans rapport avec la fonctionnalité de base de l'article.
  • Ne seront ni utilisées ni transférées pour déterminer votre solvabilité ou en vue de vous proposer un prêt.

Assistance

Pour obtenir de l'aide concernant des questions, des suggestions ou des problèmes, veuillez ouvrir cette page dans votre navigateur pour ordinateur

Applications Google