# Design-Werkzeuge (Zoom, Align, Scale, Move)

> Navigiere durch dein Design und dimensioniere Elemente präzise mit den Werkzeugen Zoom, Canvas Drag, Scale und Align.

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

Die **Toolbar** enthält die Werkzeuge, um dich in deinem Design zu bewegen und Elemente präzise zu dimensionieren.

## Zoom

Stelle die Zoomstufe über das Zoom-Dropdown in der Toolbar ein, von 50 % bis 200 %. Zoome hinein, um an Details zu arbeiten, oder heraus, um die ganze Leinwand zu sehen.

## Cursor-Modi

Das Cursor-Dropdown ändert, was das Ziehen auf der Leinwand bewirkt:

- **Select** (Standard): Klicke ein Element an, um es auszuwählen, ziehe es, um es zu verschieben, und ziehe an seinen Anfassern, um die Größe seiner Bounding Box zu ändern.
- **Canvas Drag**: Schwenke über die Leinwand. Du bewegst deine Ansicht, nicht die Elemente.
- **Scale**: skaliert Elemente proportional (siehe unten).

## Scale

Scale ist das nützlichste Werkzeug, das man verstehen sollte, besonders für Text.

Im **Select**-Modus ändert das Ziehen an einem Anfasser die **Bounding Box** (ihre Größe und Position), lässt die intrinsischen Eigenschaften des Elements aber unberührt. Bei einem Text-Element ändert sich die **max font size** nicht. **Scale** ändert auch diese: Die **font size** von Text und die **stroke width** von Formen skalieren zusammen mit dem Element. Gerade bei Text ist das der zuverlässige Weg, um die gewünschte Größe zu treffen.

Du kannst auf zwei Arten skalieren: Stelle den Cursor auf **Scale**, oder halte **Shift** gedrückt, während du an einem Anfasser ziehst.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/c4e88265-9918-4529-1e39-2e7031387000/max)

## Align

Align positioniert das ausgewählte Element mit einem Klick. Es wird verfügbar, sobald du eine Auswahl hast, mit Optionen für **Center horizontal**, **Center vertical** oder Ausrichtung **Relative to top / right / bottom / left**.

- Bei **einem ausgewählten Element** richtet es sich an der **Leinwand** aus.
- Bei **mehreren ausgewählten Elementen** richten sie sich alle am **zuletzt ausgewählten Element** aus.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/8811ecd5-fced-4388-b0f9-046b35f05d00/max)
