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
| Werkzeug | Kürzel | Beschreibung |
|---|---|---|
| Rechteck | R | Zeichnet ein Rechteck |
| Ellipse | O | Zeichnet eine Ellipse |
| Linie | L | Zeichnet eine Linie |
| Frame | F | Zeichnet einen Frame (Container) |
| Sektion | S | Zeichnet 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
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Rechteck | R | R |
| Ellipse | O | O |
| Linie | L | L |
| Frame | F | F |
| Sektion | S | S |
| Quadrat/Kreis erzwingen | Shift + Ziehen | Shift + Ziehen |