---
url: "/fr/weblify/overview/quickstart.md"
description: "Créez, prévisualisez, inspectez et exportez des sites web avec Weblify, ou copiez des pages existantes dans Figma avec l’extension Chrome Weblify."
---

# Bien démarrer avec Weblify

> Créez, prévisualisez, inspectez et exportez des sites web avec Weblify, ou copiez des pages existantes dans Figma avec l’extension Chrome Weblify.

[![Plugin Figma Weblify](https://www.hypermatic.com/weblify.jpg)](https://www.figma.com/community/plugin/927336249307137996)

## Installer le plugin Figma Weblify

1. Ouvrez n’importe quel fichier Figma.
2. Cliquez sur l’icône **Actions** dans la barre d’outils en bas de Figma.
3. Cliquez sur l’onglet **Plugins & Widgets** pour n’afficher que les plugins Figma.
4. Recherchez **Weblify** dans la barre de recherche.
5. Cliquez sur le résultat **Weblify**.
6. Cliquez sur le bouton **Save** pour installer le plugin Weblify.

> **Note:** Les utilisateurs Figma membres d’une **Figma Organization** ne peuvent parfois installer que des plugins approuvés. Si vous ne parvenez pas à installer certains plugins Figma, contactez l’administrateur de l’organisation Figma de votre entreprise pour qu’il [approuve le plugin Weblify](https://help.figma.com/hc/en-us/articles/4404228724759-Manage-plugins-and-widgets-in-an-organization).

## Lancer le plugin Figma Weblify

Une fois le plugin Figma **Weblify** [installé](#installer-le-plugin-figma-weblify), voici comment le lancer dans votre fichier Figma :

  1. Faites un **clic droit** n’importe où sur le canevas de la page de votre fichier Figma
  2. Survolez l’élément de menu **Plugins** ▶
  3. Survolez l’élément de menu **Saved plugins** ▶
  4. Cliquez sur l’élément de menu du plugin **Weblify**

> **Tip:** Après avoir lancé le plugin **Weblify** une première fois dans un fichier Figma, vous pourrez le relancer rapidement en cliquant sur l’icône **Weblify** dans la colonne de droite de Figma (sous l’intertitre **Plugin**).

> **Warning:** Seuls les utilisateurs Figma disposant d’un accès **Edit** à un fichier Figma peuvent y lancer un plugin Figma ; si vous n’avez que des droits **View**, vous ne pourrez lancer aucun plugin Figma dans ce fichier.

## Installer et activer Weblify

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

## Utiliser Weblify

  - [Créer un site web](/fr/weblify/build/site-builder.md): Créez des pages web modifiables à partir de modèles, de sections et d’éléments
  - [Importer un site web](/fr/weblify/advanced/import-website.md): Copiez une page ou un élément sélectionné avec l’extension Chrome gratuite
  - [Auditer et exporter](/fr/weblify/build/export.md): Validez et téléchargez un site web statique en HTML et CSS
  - [Inspecter les calques Figma](/fr/weblify/inspect/layers.md): Générez du code HTML, Tailwind, React ou Vue à partir d’un calque sélectionné

## Questions fréquentes

- [Dépannage de Weblify](/fr/weblify/faq/troubleshooting.md): Les problèmes que vous pouvez rencontrer
- [Sécurité de Weblify](/fr/weblify/faq/security.md): Comment Weblify 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é
- [Weblify gratuit et Pro](/fr/weblify/faq/plans.md): Comparez les fonctionnalités gratuites et Pro

[Video](https://www.hypermatic.com/assets/videos/weblify/WEBLIFY_DEMO.mp4)

## Fonctionnalités de Weblify

- Créez des pages web modifiables à partir de modèles, de sections, d’éléments et de mises en page responsive.
- Copiez dans Figma des sites web publics ou accessibles après connexion avec l’extension Chrome gratuite.
- Prévisualisez le site web généré à différentes largeurs de viewport.
- Auditez et exportez vos pages Weblify sous forme de site web statique en HTML et CSS.
- Inspectez les calques Figma sélectionnés sous forme de code HTML/CSS, Tailwind, React ou Vue.
- Copiez le code généré ou téléchargez un ZIP de composant avec ses images.
- Travaillez avec l’Auto Layout de Figma, le retour à la ligne (wrap) et les propriétés de mise en page min/max.
- Utilisez les outils d’inspection de code de Weblify depuis le Dev Mode de Figma.