# Template-Editor (Grundlagen)

> Finde dich im Template-Editor zurecht und lerne die Grundlagen: die vier Bereiche, das Erstellen von Design-Elementen und das Hinzufügen von Inputfeldern.

Source: https://bluepic.io/de/help/design-elements-and-tools/template-editor-basics  
Language: de  
Category: design-elements-and-tools  
Last updated: 2026-06-10

Der Template-Editor besteht aus vier Hauptbereichen.

- **Toolbar**: die Leiste am oberen Rand. Sie enthält deine Werkzeuge zum Hinzufügen von Elementen, die [Design-Werkzeuge](https://bluepic.io/help/design-elements-and-tools/design-tools) zum Positionieren, das [Layout-Raster](https://bluepic.io/help/design-elements-and-tools/layout-grid), [Inputfelder](https://bluepic.io/help/input-fields), Undo und Redo, deinen Speicherstatus und **Publish**.
- **Leinwand**: der Bereich in der Mitte, in dem dein Design liegt und in dem du Elemente anordnest.
- **Property Panel**: links. Wähle ein Element aus, um hier seine Eigenschaften zu bearbeiten. Es bleibt leer, bis du etwas auswählst.
- **Layer Panel**: rechts. Die gestapelte Liste aller Elemente deines Designs.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/af56a551-c2e8-4f09-fc9f-cd6314d37e00/max)

## Design-Elemente erstellen

Wähle ein Werkzeug aus der **Toolbar** (Bild, Text, Form oder Pfad) und zeichne es dann auf die **Leinwand**. Wenn ein Element ausgewählt ist, erscheinen seine Optionen im **Property Panel**. Was die einzelnen Typen können, erfährst du unter [Design-Elemente](https://bluepic.io/help/design-elements-and-tools/design-elements).

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/2f22842b-9584-49e2-1eef-f5c872091b00/max)

## Inputfelder hinzufügen

Inputfelder sind die Steuerelemente, die deine Endnutzer im veröffentlichten Design Generator sehen. Um eines zu erstellen, mache eine Eigenschaft eines Elements mit **Add Input Field** in der Toolbar verfügbar. Siehe [Inputfelder hinzufügen](https://bluepic.io/help/input-fields/adding-input-fields).

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/09b7db0b-4e8b-4cac-a840-8f10a288c900/public)

## Inputfelder verwalten

Klicke in der Toolbar auf **Show Input Fields**, um die Liste all deiner Inputfelder zu öffnen, in der du sie neu anordnen, bearbeiten und entfernen kannst. Details findest du im Bereich [Inputfelder](https://bluepic.io/help/input-fields).