2026-03-03 09:15:39 +00:00
---
title: Formen zeichnen
description: Rechtecke, Ellipsen, Linien, Frames, Sektionen, Polygone und Sterne in OpenPencil erstellen.
---
# 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 |
|----------|--------|--------------|
Wrap remaining single-key shortcuts and key names in <kbd>
Single-letter tool keys (R, O, L, F, S, P, H), Escape, Enter,
Space (and locale equivalents), arrow key names in shortcut tables
and prose. Remove <kbd> from non-key words like 'drag'.
2026-03-08 10:07:08 +00:00
| Rechteck | < kbd > R< / kbd > | Zeichnet ein Rechteck |
| Ellipse | < kbd > O< / kbd > | Zeichnet eine Ellipse |
| Linie | < kbd > L< / kbd > | Zeichnet eine Linie |
| Frame | < kbd > F< / kbd > | Zeichnet einen Frame (Container) |
| Sektion | < kbd > S< / kbd > | Zeichnet eine Sektion (übernimmt überlappende Geschwister) |
2026-03-03 09:15:39 +00:00
## 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
Use <kbd> for keyboard shortcuts across all docs
Wrap all keyboard shortcut references in <kbd> tags in user guide,
reference, and development docs across all 7 locales (en, de, es,
fr, it, pl, ru). Tables, inline prose, and parenthetical hints.
2026-03-08 09:48:02 +00:00
Halten Sie < kbd > Shift< / kbd > beim Ziehen:
2026-03-03 09:15:39 +00:00
- 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
Sync docs with v0.7.0 and unreleased features
- Update comparison tables: 78 tools (was 75), SVG export no longer a Penpot advantage,
renderer LOC updated to ~3,200 after split into 10 files
- Update figma-comparison: Rename layers ✅, SVG export ✅, +Copy/Paste as, +Tailwind export,
+Stroke align, +per-side stroke weights; coverage 88/152 → 94/158
- Add What's Next roadmap to architecture.md: AI providers, figma-use tool set,
CI tooling, prototyping, CSS Grid, PDF export, .fig fidelity
- Update user-guide: SVG in export format table, Copy/Paste as submenu,
stroke align + per-side weights, layer inline rename, mobile drawer, Code tab format toggle
- Fix keyboard shortcuts: ⌘N/⌘T/⌘W ✅, ⌘\ ✅, add ⇧⌘C ✅
- Expand MCP tools reference from ~25 to all 78 tools in full category tables
- Add Homebrew tap install to Getting Started
- Add new features.md sections: SVG export, Copy/Paste as, stroke align, mobile/PWA,
Tailwind JSX export, Google Fonts fallback, auto-save toggle, Homebrew tap,
layer rename, renderer profiler
- Full locale sync for DE, ES, FR, IT, PL: all 7 files updated in each locale
2026-03-07 16:25:41 +00:00
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
2026-03-03 09:15:39 +00:00
### 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 ](./auto-layout ).
**Sektionen** sind Container auf oberster Ebene, die überlappende Geschwisterknoten automatisch übernehmen.
## Tastenkürzel
| Aktion | Mac | Windows / Linux |
|--------|-----|-----------------|
Wrap remaining single-key shortcuts and key names in <kbd>
Single-letter tool keys (R, O, L, F, S, P, H), Escape, Enter,
Space (and locale equivalents), arrow key names in shortcut tables
and prose. Remove <kbd> from non-key words like 'drag'.
2026-03-08 10:07:08 +00:00
| Rechteck | < kbd > R< / kbd > | < kbd > R< / kbd > |
| Ellipse | < kbd > O< / kbd > | < kbd > O< / kbd > |
| Linie | < kbd > L< / kbd > | < kbd > L< / kbd > |
| Frame | < kbd > F< / kbd > | < kbd > F< / kbd > |
| Sektion | < kbd > S< / kbd > | < kbd > S< / kbd > |
Use <kbd> for keyboard shortcuts across all docs
Wrap all keyboard shortcut references in <kbd> tags in user guide,
reference, and development docs across all 7 locales (en, de, es,
fr, it, pl, ru). Tables, inline prose, and parenthetical hints.
2026-03-08 09:48:02 +00:00
| Quadrat/Kreis erzwingen | < kbd > Shift< / kbd > + < kbd > Ziehen< / kbd > | < kbd > Shift< / kbd > + < kbd > Ziehen< / kbd > |
