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

# Gestionnaire de conception

> Le gestionnaire de conception est un environnement de développement intégré basé sur le web qui peut être utilisé de manière facultative pour créer des modèles, des modules, des CSS et du JavaScript.

'[https://cdn2.hubspot.net/hubfs/327485/module%20editor.png](https://cdn2.hubspot.net/hubfs/327485/module%20editor.png)';

Le gestionnaire de conception est un environnement de développement intégré basé sur le web qui peut être utilisé de manière facultative pour créer des [modèles](/docs/cms/start-building/building-blocks/templates/overview), des [modules](https://developers.hubspot.com/docs), des CSS et du JavaScript. Le gestionnaire de conception est accessible via [**Marketing > Fichiers et modèles > Outils de conception**](https://app.hubspot.com/l/design-manager/) dans la barre de navigation supérieure.

<Alert type="tip">
  Si vous préférez développer localement en utilisant votre éditeur de code, vos workflows et vos technologies préférés, vous pouvez utiliser l'[ILC de CMS](/docs/developer-tooling/local-development/hubspot-cli/install-the-cli) à la place.
</Alert>

Que vous développiez localement ou que vous utilisiez le gestionnaire de conception pour créer des ressources, l'ensemble du système de fichiers de développement de votre compte sera représenté et modifiable dans le gestionnaire de conception.

![Capture d'écran du gestionnaire de conception HubSpot](https://f.hubspotusercontent00.net/hubfs/53/designmanager%203-20-2020.png)

Certains développeurs ou certaines équipes choisissent d'utiliser un [workflow qui combine le gestionnaire de conception et le développement local](/docs/cms/start-building/introduction/developer-environment/creating-an-efficient-development-workflow). Vous pouvez utiliser la commande [`hs fetch`](/docs/developer-tooling/local-development/hubspot-cli/install-the-cli) de l'[ILC de CMS](/docs/developer-tooling/local-development/hubspot-cli/install-the-cli) pour transférer les modifications du gestionnaire de conception dans votre environnement local. Vous pouvez également empêcher la modification et faire en sorte que l'ensemble de votre [base de code soit continuellement intégré au contrôle de source](/docs/cms/start-building/introduction/developer-environment/github-integration).

Consultez cet [article de la base de connaissances](https://knowledge.hubspot.com/design-manager/a-quick-tour-of-the-design-manager) pour une présentation complète du gestionnaire de conception et de ses différents composants.

## Paramètres du gestionnaire de conception

Le gestionnaire de conception dispose de paramètres IDE de base que vous pouvez configurer pour adapter l'expérience à vos besoins et à vos workflows. Un bouton de configuration apparaît à côté du bouton d'aide dans la barre inférieure et peut être utilisé pour configurer les paramètres.

<DndSection>
  <DndModule numCols={8}>
    <div>
      Vous pouvez configurer les paramètres pour :

      * Thème de l'éditeur
      * Police
      * Taille des tabulations
      * Unité de retrait
      * Tabulations soft
      * Retrait intelligent
      * Retrait sur la mise en forme
      * Retrait avec tabulations
      * Retour automatique à la ligne
      * Crochets à fermeture automatique
      * Correspondance des crochets
      * Correspondance des balises
      * ESLint
      * et bien plus encore, consultez [cet article de la base de connaissances](https://knowledge.hubspot.com/design-manager/customize-design-manager-settings) pour une description des paramètres pour plus d'informations.

      Si ces fonctionnalités ne répondent pas à vos besoins, nous vous recommandons vivement d'essayer nos [outils de développement local](/docs/developer-tooling/local-development/hubspot-cli/install-the-cli) et notre [workflow](/docs/cms/start-building/introduction/developer-environment/creating-an-efficient-development-workflow).
    </div>
  </DndModule>

  <DndModule numCols={4}>
    ![Capture d'écran de l'écran des paramètres du gestionnaire de conception](https://cdn2.hubspot.net/hubfs/53/Design%20Manger%20Settings-1.png)
  </DndModule>
</DndSection>