> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Figma

> Connectez Figma à votre compte Macaly

Figma est un outil de design collaboratif pour les interfaces, les prototypes et les design systems. Connectez votre compte une seule fois et l'agent transforme directement vos designs, composants et styles en éléments fonctionnels de votre projet.

<Callout icon="user">
  Disponible sur tous les forfaits
</Callout>

## Pourquoi connecter Figma

* **Vos designs se transforment en vraies pages.** Pointez l'agent vers un fichier Figma et il construit la mise en page, les composants et les espacements en une page responsive, pour que vous n'ayez pas à reconstruire votre design à la main.
* **Votre projet reste fidèle à votre marque automatiquement.** L'agent récupère vos composants, styles et variables, y compris une configuration Tailwind prête à l'emploi, pour que votre projet corresponde à votre design system sans recréation manuelle.
* **Transmettez vos designs sans quitter le chat.** Exportez n'importe quelle frame en image, récupérez les ressources pour développeurs et les détails du fichier, et évitez les allers-retours entre Figma et votre projet.

## Ce dont vous avez besoin

* Un **compte Figma**. Créez-en un gratuitement sur [figma.com](https://www.figma.com)
* Un forfait Figma Organization ou Enterprise si vous voulez des variables publiées ou des analyses de bibliothèque complètes

## Connectez Figma à Macaly

<Steps>
  <Step title="Ouvrez les paramètres">
    Allez dans **Paramètres → Intégrations** dans votre workspace Macaly.
  </Step>

  <Step title="Connectez Figma">
    Trouvez la carte Figma dans la liste des applications et cliquez sur le bouton **Connecter**.
  </Step>

  <Step title="Autorisez votre compte">
    Une nouvelle fenêtre s'ouvre, où vous serez invité à vous connecter à Figma. Une fois l'accès approuvé, vous serez redirigé vers Macaly.
  </Step>
</Steps>

## Utilisez Figma depuis le chat

Une fois connecté, décrivez ce que vous voulez et l'agent s'occupe du reste.

Transformez un design en page :

```
Voici mon design Figma pour la page tarifs [lien]. Construis-la en
véritable page, reproduis la mise en page, les composants et les
espacements, et rends-la responsive.
```

Intégrez votre design system dans le projet :

```
Récupère les styles et les variables de couleur de ce fichier Figma
et transforme-les en une configuration Tailwind pour mon projet.
```

Exportez des ressources en cours de construction :

```
Exporte la frame « Hero » de mon fichier Figma au format SVG et
ajoute-la à la page d'accueil.
```

Ou construisez à partir de votre bibliothèque de design :

```
Je construis un site de documentation pour un design system. Récupère
les composants et les styles de notre bibliothèque Figma et liste-les
avec des aperçus.
```

## Ce que l'agent peut faire dans Figma

Transformer la structure, les composants et les styles d'un fichier en pages responsives, extraire des design tokens et une configuration Tailwind, exporter des frames en images, et récupérer les détails du fichier, les commentaires et l'historique des versions pour une transition propre. Les variables publiées et les analyses de bibliothèque requièrent un forfait Figma Organization ou Enterprise.

## Bon à savoir

* **Vous vous connectez une seule fois.** Chaque projet de votre workspace réutilise la même connexion Figma.
* **Certaines fonctionnalités de bibliothèque nécessitent un forfait Figma payant.** Les variables publiées et certaines parties des analyses de bibliothèque requièrent un forfait Figma Organization ou Enterprise.
* **Votre compte, votre contrôle.** L'agent n'agit que lorsque vous le lui demandez. Vous pouvez déconnecter Figma à tout moment depuis **Paramètres → Intégrations**.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.