Skip to content

Formen zeichnen

Die untere Werkzeugleiste bietet Werkzeuge zum Erstellen von Formen, Frames und Sektionen. Wählen Sie ein Werkzeug, dann klicken und ziehen Sie auf dem Canvas.

Werkzeugleiste

WerkzeugKürzelBeschreibung
RechteckRZeichnet ein Rechteck
EllipseOZeichnet eine Ellipse
LinieLZeichnet eine Linie
FrameFZeichnet einen Frame (Container)
SektionSZeichnet eine Sektion (übernimmt überlappende Geschwister)

Formen-Flyout

Das Formen-Flyout enthält zusätzliche Formen:

  • Polygon — erstellt ein Polygon mit standardmäßig 3 Seiten (Dreieck)
  • Stern — erstellt einen 5-zackigen Stern

Proportionales Zeichnen

Halten Sie Shift beim Ziehen:

  • Rechteck → Quadrat
  • Ellipse → Kreis
  • Linie → rastet auf 0°/45°/90° ein

Form-Eigenschaften

Füllung

Jede Form kann eine Füllung haben: Vollfarbe, Verlauf (Linear, Radial, Winkel, Diamant) oder Bild.

Kontur

Fügen Sie einer Form eine Kontur hinzu. Eigenschaften:

  • Breite — einheitlich oder pro Seite (Oben/Rechts/Unten/Links) über das Seitenauswahl-Dropdown
  • Farbe — Vollton mit Deckkraft
  • Ausrichtung — Innen, Mitte oder Außen (beschneidungsbasiertes Rendering wie in Figma)
  • Kappenstil — Keine, Rund, Quadrat, Pfeil
  • Verbindungsstil — Gehrung, Abgeschrägt, Rund
  • Strichmuster — Strich-Ein/Strich-Aus

Eckenradius

Verfügbar für Rechtecke, Frames, Komponenten und Instanzen. Jede Ecke einzeln einstellbar.

Effekte

  • Schlagschatten — Versatz, Unschärferadius, Ausbreitung, Farbe
  • Innerer Schatten — gleiche Steuerung, im Inneren der Form
  • Ebenenunschärfe — verwischt den gesamten Knoten
  • Hintergrundunschärfe — verwischt Inhalte hinter dem Knoten
  • Vordergrundunschärfe — verwischt Inhalte vor dem Knoten

Frames und Sektionen

Frames sind Container. Ziehen Sie Formen in einen Frame, um sie zu Kindern zu machen. Frames unterstützen Auto-Layout.

Sektionen sind Container auf oberster Ebene, die überlappende Geschwisterknoten automatisch übernehmen.

Tastenkürzel

AktionMacWindows / Linux
RechteckRR
EllipseOO
LinieLL
FrameFF
SektionSS
Quadrat/Kreis erzwingenShift + ZiehenShift + Ziehen

Released under the MIT License.