---
url: "/fr/pixelay/overview/quickstart.md"
description: "Comparez vos designs Figma avec les URL de vrais sites web et faites leur recette visuelle grâce à des superpositions intelligentes."
---

# Bien démarrer avec Pixelay

> Comparez vos designs Figma avec les URL de vrais sites web et faites leur recette visuelle grâce à des superpositions intelligentes.

[![Plugin Figma Pixelay](https://www.hypermatic.com/pixelay.jpg)](https://www.figma.com/community/plugin/816424186244407164/pixelay-compare-design-to-web)

## Installer et activer Pixelay

- [Installer et lancer le plugin Figma](/fr/pixelay/overview/install.md): Comment lancer Pixelay dans Figma
- [Activer Pixelay Pro](/fr/pixelay/overview/pro.md): Comment acheter et utiliser une clé de licence Pro

## Utiliser Pixelay

  - [Documentation Pixelay](/fr/pixelay/upload-designs.md): Une documentation détaillée avec de courtes captures vidéo
  - [Tutoriels vidéo Pixelay](/pixelay/tutorials.md): Des présentations vidéo complètes, étape par étape

## Questions fréquentes

- [Dépannage de Pixelay](/fr/pixelay/faq/troubleshooting.md): Les problèmes que vous pouvez rencontrer
- [Sécurité de Pixelay](/fr/pixelay/faq/security.md): Comment Pixelay fonctionne en détail
- [Reçus](/fr/faq/receipts.md): Retrouvez vos reçus par email et vos factures PDF
- [Facturation](/fr/faq/billing.md): Gérez votre abonnement Pro
- [Gestion des sièges de licence](/fr/faq/seats.md): Gérez les utilisateurs Figma de votre clé
- [Pixelay gratuit et Pro](/fr/pixelay/faq/plans.md): Comparez les fonctionnalités gratuites et Pro

[Video](https://www.hypermatic.com/assets/videos/pixelay/PIXELAY_DEMO.mp4)

## Fonctionnalités de Pixelay

- Comparez plusieurs designs Figma et plusieurs URL en même temps.
- Fonctionne à la fois en mode Design de Figma et dans le Dev Mode, y compris pour les workflows de recette avec un siège Dev.
- Une [extension Chrome](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp) légère est nécessaire pour comparer plusieurs pages à la fois.
- Comparez vos designs Figma avec le site intégré pendant la recette visuelle.
- Testez vos designs responsive sur plusieurs tailles d’écran (par exemple desktop, mobile et tablette).
- Passez d’une URL de développement, de test ou de production à l’autre.
- Superpositions en transparence, en écran partagé, en bascule, par glisser et en différence.
- Indiquez, si vous le souhaitez, une URL de page web différente pour chaque frame Figma.
- Prend en charge localhost via BrowserSync ou le rechargement à chaud des modules (hot module reloading).
- Règle en pixels intégrée pour mesurer les écarts d’espacement dans les comparaisons.
- Mesurez et passez en revue les différences visuelles entre Figma et le site web.