[{"data":1,"prerenderedAt":169},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-tools":3},{"id":4,"title":5,"body":6,"category":156,"description":157,"extension":158,"keywords":159,"meta":160,"navigation":161,"order":162,"path":163,"rawbody":164,"seo":165,"stem":166,"updated":167,"__hash__":168},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-tools.de.md","Design-Werkzeuge (Zoom, Align, Scale, Move)",{"type":7,"value":8,"toc":149},"minimark",[9,18,23,26,30,33,55,58,61,86,96,103,107,122,144],[10,11,12,13,17],"p",{},"Die ",[14,15,16],"strong",{},"Toolbar"," enthält die Werkzeuge, um dich in deinem Design zu bewegen und Elemente präzise zu dimensionieren.",[19,20,22],"h2",{"id":21},"zoom","Zoom",[10,24,25],{},"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.",[19,27,29],{"id":28},"cursor-modi","Cursor-Modi",[10,31,32],{},"Das Cursor-Dropdown ändert, was das Ziehen auf der Leinwand bewirkt:",[34,35,36,43,49],"ul",{},[37,38,39,42],"li",{},[14,40,41],{},"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.",[37,44,45,48],{},[14,46,47],{},"Canvas Drag",": Schwenke über die Leinwand. Du bewegst deine Ansicht, nicht die Elemente.",[37,50,51,54],{},[14,52,53],{},"Scale",": skaliert Elemente proportional (siehe unten).",[19,56,53],{"id":57},"scale",[10,59,60],{},"Scale ist das nützlichste Werkzeug, das man verstehen sollte, besonders für Text.",[10,62,63,64,66,67,70,71,74,75,77,78,81,82,85],{},"Im ",[14,65,41],{},"-Modus ändert das Ziehen an einem Anfasser die ",[14,68,69],{},"Bounding Box"," (ihre Größe und Position), lässt die intrinsischen Eigenschaften des Elements aber unberührt. Bei einem Text-Element ändert sich die ",[14,72,73],{},"max font size"," nicht. ",[14,76,53],{}," ändert auch diese: Die ",[14,79,80],{},"font size"," von Text und die ",[14,83,84],{},"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.",[10,87,88,89,91,92,95],{},"Du kannst auf zwei Arten skalieren: Stelle den Cursor auf ",[14,90,53],{},", oder halte ",[14,93,94],{},"Shift"," gedrückt, während du an einem Anfasser ziehst.",[10,97,98],{},[99,100],"img",{"alt":101,"src":102},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fc4e88265-9918-4529-1e39-2e7031387000\u002Fmax",[19,104,106],{"id":105},"align","Align",[10,108,109,110,113,114,117,118,121],{},"Align positioniert das ausgewählte Element mit einem Klick. Es wird verfügbar, sobald du eine Auswahl hast, mit Optionen für ",[14,111,112],{},"Center horizontal",", ",[14,115,116],{},"Center vertical"," oder Ausrichtung ",[14,119,120],{},"Relative to top \u002F right \u002F bottom \u002F left",".",[34,123,124,135],{},[37,125,126,127,130,131,134],{},"Bei ",[14,128,129],{},"einem ausgewählten Element"," richtet es sich an der ",[14,132,133],{},"Leinwand"," aus.",[37,136,126,137,140,141,134],{},[14,138,139],{},"mehreren ausgewählten Elementen"," richten sie sich alle am ",[14,142,143],{},"zuletzt ausgewählten Element",[10,145,146],{},[99,147],{"alt":101,"src":148},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F8811ecd5-fced-4388-b0f9-046b35f05d00\u002Fmax",{"title":101,"searchDepth":150,"depth":150,"links":151},2,[152,153,154,155],{"id":21,"depth":150,"text":22},{"id":28,"depth":150,"text":29},{"id":57,"depth":150,"text":53},{"id":105,"depth":150,"text":106},"design-elements-and-tools","Navigiere durch dein Design und dimensioniere Elemente präzise mit den Werkzeugen Zoom, Canvas Drag, Scale und Align.","md",[],{},true,30,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-tools.de","---\ntitle: \"Design-Werkzeuge (Zoom, Align, Scale, Move)\"\ndescription: \"Navigiere durch dein Design und dimensioniere Elemente präzise mit den Werkzeugen Zoom, Canvas Drag, Scale und Align.\"\ncategory: design-elements-and-tools\norder: 30\nkeywords: []\n---\nDie **Toolbar** enthält die Werkzeuge, um dich in deinem Design zu bewegen und Elemente präzise zu dimensionieren.\n\n## Zoom\n\nStelle 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.\n\n## Cursor-Modi\n\nDas Cursor-Dropdown ändert, was das Ziehen auf der Leinwand bewirkt:\n\n- **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.\n- **Canvas Drag**: Schwenke über die Leinwand. Du bewegst deine Ansicht, nicht die Elemente.\n- **Scale**: skaliert Elemente proportional (siehe unten).\n\n## Scale\n\nScale ist das nützlichste Werkzeug, das man verstehen sollte, besonders für Text.\n\nIm **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.\n\nDu kannst auf zwei Arten skalieren: Stelle den Cursor auf **Scale**, oder halte **Shift** gedrückt, während du an einem Anfasser ziehst.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fc4e88265-9918-4529-1e39-2e7031387000\u002Fmax)\n\n## Align\n\nAlign 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 \u002F right \u002F bottom \u002F left**.\n\n- Bei **einem ausgewählten Element** richtet es sich an der **Leinwand** aus.\n- Bei **mehreren ausgewählten Elementen** richten sie sich alle am **zuletzt ausgewählten Element** aus.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F8811ecd5-fced-4388-b0f9-046b35f05d00\u002Fmax)\n",{"title":5,"description":157},"help\u002Fdesign-elements-and-tools\u002Fdesign-tools.de","2026-06-12","BsZHwwxCeClLEhAt3JitH032qSSi2sd_LSrlIfJfTqw",1789374831694]