GetLayers : inspecteur CSS et téléchargements par GetLayers, PajaTools

Un design vous plaît ? Survolez-le, cliquez, et il est à vous.

GetLayers transforme n'importe quel site en source où copier. Inspectez un élément, obtenez un code propre pour votre stack, collez-le dans Figma sous forme de vrais calques, mesurez les espacements, choisissez les couleurs et les polices, et enregistrez les images, icônes, vidéos, audios, polices et fichiers utilisés par la page. Plus besoin de fouiller dans les DevTools, ni de captures d'écran et de devinettes.

INSPECTEZ ET COPIEZ EN UN CLIC
- Survolez un élément pour voir d'un coup d'œil ses styles, son modèle de boîte, sa typographie, ses couleurs et son contraste
- Cliquez pour copier le code et épingler l'élément, puis parcourez la page avec les flèches du clavier
- Export dans 10 formats de code pour le web, le mobile et les outils de design, du simple CSS à Tailwind, React, Flutter ou SwiftUI
- Prévisualisez un élément seul, faites-en une capture propre, ou exportez tous les widgets en ZIP

COPIER VERS FIGMA (Pro, bêta)
- Collez un élément ou toute la page dans Figma avec Cmd+V ou Ctrl+V
- Vous obtenez de vrais cadres, textes et images avec auto layout, pas une image aplatie
- Exportez un guide de style avec les couleurs et les styles de texte de la page

FENÊTRE DE TÉLÉCHARGEMENTS (touche G)
- Toutes les images de la page, y compris les arrière-plans CSS, les versions responsives, les icônes SVG, Lottie et Rive
- Les tailles sont regroupées et la meilleure qualité est repérée, pour ne jamais enregistrer une miniature floue
- Vidéos avec image d'aperçu, flux enregistrés en un seul fichier et sous-titres en VTT ou SRT
- Audio, polices avec aperçu en direct, et les PDF, documents et archives vers lesquels la page renvoie
- Recherche, filtres, modèles de noms de fichiers, copie des liens et liste des téléchargements récents
- Chaque vidéo trouvée reste dans une file d'attente, et les téléchargements continuent même si la page se recharge
- Outils Pro : défilement et collecte, conversion et redimensionnement d'images, export d'icônes pour le code, polices en TTF ou OTF avec un ZIP de kit de polices

MODIFIEZ EN DIRECT, SUR LA PAGE
- Changez n'importe quel style et voyez le résultat instantanément, avec annulation
- Enregistrez vos modifications sous forme de profils qui s'appliquent automatiquement la fois suivante
- Comparez deux éléments côte à côte pour voir ce qui diffère
- Déplacez des éléments pour essayer une nouvelle mise en page

MESUREZ COMME UN DESIGNER
- Surcouches d'espacement pour le padding, la marge et les gaps
- Une règle pour la distance exacte entre deux éléments
- La palette de couleurs de la page et un inspecteur de polices

PENSÉ POUR LES WORKFLOWS IA
- Connectez votre assistant de code IA grâce au serveur MCP intégré, pour qu'il puisse inspecter des éléments et modifier des styles sur une page en direct

RAPIDE ET AGRÉABLE
- Choisissez au premier lancement comment utiliser GetLayers : inspecter et copier les styles, ou télécharger des assets. Changez à tout moment dans les Paramètres
- Une barre d'outils que vous pouvez déplacer où vous voulez, et une barre latérale DevTools
- Des raccourcis clavier pour tout, appuyez sur ? pour tous les voir
- Disponible en 20 langues

GRATUIT ET PRO
Le plan gratuit comprend l'Inspection en direct, la copie CSS et JSON, les outils de couleurs et de polices, la barre latérale DevTools et une fenêtre de téléchargements limitée. Aucun compte requis.
Pro débloque tous les formats, Copier vers Figma, l'édition en direct avec profils, les outils de mesure, la comparaison d'éléments, les captures d'écran, l'export ZIP, les téléchargements illimités avec les outils Pro et l'intégration IA. Garantie satisfait ou remboursé de 7 jours.
Essayez Pro gratuitement pendant 7 jours : recevez une clé gratuite par e-mail et collez-la dans les Paramètres, sans carte bancaire.

CONFIDENTIALITÉ
Pas de publicité, pas de compte pour le plan gratuit. Vos pages, modifications, téléchargements et les adresses que vous visitez ne quittent jamais votre navigateur. Pro envoie votre clé de licence pour la vérifier. Des compteurs anonymes des fonctionnalités utilisées ne sont envoyés que si vous l'autorisez, et vous pouvez les désactiver dans les Paramètres. Le formulaire de retour facultatif n'envoie que ce que vous saisissez, ainsi que la version de l'extension, le navigateur, le système, la langue et le plan.

À NOTER
GetLayers enregistre des fichiers que votre navigateur charge déjà. Respectez le droit d'auteur et les conditions des sites. Les flux protégés par DRM et les vidéos YouTube ne sont pas pris en charge.

Site et tarifs : https://getlayers.pro
Questions ou idées : getlayers.help@gmail.com