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

# Design-Manager

> Der Design-Manager ist eine webbasierte integrierte Entwicklungsumgebung, die optional zum Erstellen von Vorlagen, Modulen, CSS und JavaScript verwendet werden kann.

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

Der Design-Manager ist eine webbasierte integrierte Entwicklungsumgebung, die optional zur Erstellung von [Vorlagen](/cms/start-building/building-blocks/templates/overview), [Modulen](https://developers.hubspot.com/docs), CSS und JavaScript verwendet werden kann. Den Design-Manager finden Sie, wenn Sie in der oberen Navigationsleiste zu [**Marketing > Dateien und Vorlagen > Design-Manager**](https://app.hubspot.com/l/design-manager/) navigieren.

<Alert type="tip">
  Wenn Sie es vorziehen, lokal mit Ihrem bevorzugten Code-Editor, Workflows und Technologien zu entwickeln, können Sie stattdessen die [CMS CLI](/developer-tooling/local-development/hubspot-cli/install-the-cli) verwenden.
</Alert>

Unabhängig davon, ob Sie lokal entwickeln oder den Design-Manager für die Erstellung von Ressourcen nutzen, wird das gesamte Entwickler-Dateisystem Ihres Accounts im Design-Manager dargestellt und kann dort bearbeitet werden.

![Screenshot des HubSpot-Design-Managers](https://f.hubspotusercontent00.net/hubfs/53/designmanager%203-20-2020.png)

Einige Entwickler oder Teams entscheiden sich für einen [Workflow, der auf eine Mischung aus Design-Manager und lokaler Entwicklung](/cms/start-building/introduction/developer-environment/creating-an-efficient-development-workflow) setzt. Sie können den [`hs fetch`](/developer-tooling/local-development/hubspot-cli/install-the-cli)-Befehl des [CMS CLI](/developer-tooling/local-development/hubspot-cli/install-the-cli) verwenden, um Design-Manager-Bearbeitungen in Ihre lokale Umgebung zu übertragen. Alternativ können Sie ein Bearbeitn verhindern und Ihre gesamte Codebasis [kontinuierlich in die Versionskontrolle](/cms/start-building/introduction/developer-environment/github-integration) integrieren lassen.

Sehen Sie sich diesen [Artikel der Wissensdatenbank](https://knowledge.hubspot.com/design-manager/a-quick-tour-of-the-design-manager) an, um einen umfassenden Überblick über den Design-Manager und seine verschiedenen Komponenten zu erhalten.

## Design-Manager-Einstellungen

Der Design-Manager verfügt über grundlegende IDE-Einstellungen, die Sie so konfigurieren können, dass sie zu Ihnen und Ihren Workflows passen. Neben der Hilfe-Schaltfläche in der unteren Leiste erscheint eine Einstellungen-Schaltfläche, mit der Sie die Einstellungen konfigurieren können.

<DndSection>
  <DndModule numCols={8}>
    <div>
      Sie können Einstellungen konfigurieren für:

      * Editor-Design
      * Schriftart
      * Tabulator-Größe
      * Einheit des Einzugs
      * Soft-Tabs
      * Intelligenter Einzug
      * Einzug bei Formatierung der Eingabe
      * Einzug mit Tabulatoren
      * Zeilenumbruch
      * Klammern automatisch schließen
      * Klammern abgleichen
      * Tags abgleichen
      * ESLint
      * und mehr – eine genauere Aufschlüsselung der Einstellungen finden Sie in [diesem Artikel der Wissensdatenbank](https://knowledge.hubspot.com/design-manager/customize-design-manager-settings).

      Wenn Ihnen diese Funktionen nicht genügen, empfehlen wir Ihnen, unsere [Tools für die lokale Entwicklung](/developer-tooling/local-development/hubspot-cli/install-the-cli) und unseren [Workflow](/cms/start-building/introduction/developer-environment/creating-an-efficient-development-workflow) auszuprobieren.
    </div>
  </DndModule>

  <DndModule numCols={4}>
    ![Screenshot des Bildschirms mit den Einstellungen des Design-Managers](https://cdn2.hubspot.net/hubfs/53/Design%20Manger%20Settings-1.png)
  </DndModule>
</DndSection>