2026-03-03 09:15:39 +00:00
|
|
|
|
---
|
|
|
|
|
|
title: Exportieren
|
|
|
|
|
|
description: Bilder exportieren (PNG, JPG, WEBP) und .fig-Dateien speichern/öffnen in OpenPencil.
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
# Exportieren
|
|
|
|
|
|
|
|
|
|
|
|
Einzelne Knoten als Bilder exportieren oder ganze Dokumente als .fig-Dateien speichern und öffnen.
|
|
|
|
|
|
|
|
|
|
|
|
## Bildexport
|
|
|
|
|
|
|
|
|
|
|
|
Wählen Sie einen Knoten und nutzen Sie den Export-Bereich im Eigenschaftspanel.
|
|
|
|
|
|
|
|
|
|
|
|
### Export-Einstellungen
|
|
|
|
|
|
|
|
|
|
|
|
- **Skalierung** — 0,5×, 0,75×, 1×, 1,5×, 2×, 3× oder 4×
|
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
|
|
|
|
- **Skalierung** — 0,5×–4× (für SVG ausgeblendet — Vektoren sind auflösungsunabhängig)
|
|
|
|
|
|
- **Format** — PNG (transparenter Hintergrund), JPG (weißer Hintergrund), WEBP (transparenter Hintergrund), SVG (Vektor)
|
2026-03-03 09:15:39 +00:00
|
|
|
|
|
|
|
|
|
|
Sie können mehrere Export-Einstellungen hinzufügen. Eine Live-Vorschau mit Schachbretthintergrund zeigt, was exportiert wird.
|
|
|
|
|
|
|
|
|
|
|
|
### Export-Methoden
|
|
|
|
|
|
|
|
|
|
|
|
| Methode | Mac | Windows / Linux |
|
|
|
|
|
|
|---------|-----|-----------------|
|
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
|
|
|
|
| Tastenkürzel | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>E</kbd> | <kbd>Shift</kbd> + <kbd>Strg</kbd> + E |
|
|
|
|
|
|
| Kontextmenü | Rechtsklick <kbd>→</kbd> Exportieren… | Rechtsklick <kbd>→</kbd> Exportieren… |
|
2026-03-03 09:15:39 +00:00
|
|
|
|
| Eigenschaftspanel | Klick auf „Exportieren" | Klick auf „Exportieren" |
|
|
|
|
|
|
|
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
|
|
|
|
## Als kopieren
|
|
|
|
|
|
|
|
|
|
|
|
Das Kontextmenü bietet **Als kopieren** mit mehreren Zwischenablage-Formaten:
|
|
|
|
|
|
|
|
|
|
|
|
| Aktion | Mac | Windows / Linux |
|
|
|
|
|
|
|--------|-----|-----------------|
|
|
|
|
|
|
| Als Text kopieren | — | — |
|
|
|
|
|
|
| Als SVG kopieren | — | — |
|
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
|
|
|
|
| Als PNG kopieren | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>C</kbd> | <kbd>Shift</kbd> + <kbd>Strg</kbd> + C |
|
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
|
|
|
|
| Als JSX kopieren | — | — |
|
|
|
|
|
|
|
2026-03-03 09:15:39 +00:00
|
|
|
|
## .fig-Dateioperationen
|
|
|
|
|
|
|
Remove implementation details from user guide
Replace internal references (Yoga, CanvasKit, Paragraph API, style runs,
characterStyleIDs, vectorNetworkBlob, Kiwi binary, scene graph, font-kit,
Local Font Access API, COMPONENT type, override key format, hex codes, px
specs) with user-facing language across all 7 locales.
2026-03-08 09:55:25 +00:00
|
|
|
|
OpenPencil verwendet das .fig-Format — kompatibel mit Figma. Gespeicherte Dateien werden komprimiert und enthalten ein Vorschaubild.
|
2026-03-03 09:15:39 +00:00
|
|
|
|
|
|
|
|
|
|
### Dateien öffnen
|
|
|
|
|
|
|
|
|
|
|
|
| Aktion | Mac | Windows / Linux |
|
|
|
|
|
|
|--------|-----|-----------------|
|
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
|
|
|
|
| Datei öffnen | <kbd>⌘</kbd><kbd>O</kbd> | Strg + O |
|
2026-03-03 09:15:39 +00:00
|
|
|
|
|
|
|
|
|
|
### Dateien speichern
|
|
|
|
|
|
|
|
|
|
|
|
| Aktion | Mac | Windows / Linux |
|
|
|
|
|
|
|--------|-----|-----------------|
|
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
|
|
|
|
| Speichern | <kbd>⌘</kbd><kbd>S</kbd> | Strg + S |
|
|
|
|
|
|
| Speichern unter | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>S</kbd> | <kbd>Shift</kbd> + <kbd>Strg</kbd> + S |
|
2026-03-03 09:15:39 +00:00
|
|
|
|
|
|
|
|
|
|
- **Speichern** überschreibt die aktuelle Datei ohne Dialog
|
|
|
|
|
|
- **Speichern unter** öffnet einen Speicherdialog
|
|
|
|
|
|
|
|
|
|
|
|
### Round-Trip-Kompatibilität
|
|
|
|
|
|
|
|
|
|
|
|
Aus OpenPencil exportierte Dateien können in Figma geöffnet werden und umgekehrt.
|
|
|
|
|
|
|
|
|
|
|
|
## Tastenkürzel
|
|
|
|
|
|
|
|
|
|
|
|
| Aktion | Mac | Windows / Linux |
|
|
|
|
|
|
|--------|-----|-----------------|
|
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
|
|
|
|
| Auswahl exportieren | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>E</kbd> | <kbd>Shift</kbd> + <kbd>Strg</kbd> + E |
|
|
|
|
|
|
| Als PNG kopieren | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>C</kbd> | <kbd>Shift</kbd> + <kbd>Strg</kbd> + C |
|
|
|
|
|
|
| Datei öffnen | <kbd>⌘</kbd><kbd>O</kbd> | Strg + O |
|
|
|
|
|
|
| Speichern | <kbd>⌘</kbd><kbd>S</kbd> | Strg + S |
|
|
|
|
|
|
| Speichern unter | <kbd>⇧</kbd><kbd>⌘</kbd><kbd>S</kbd> | <kbd>Shift</kbd> + <kbd>Strg</kbd> + S |
|
2026-03-03 09:15:39 +00:00
|
|
|
|
|
|
|
|
|
|
## Tipps
|
|
|
|
|
|
|
|
|
|
|
|
- Verwenden Sie 2× oder 3× Skalierung für hochauflösende Bildschirme.
|
|
|
|
|
|
- JPG verwendet immer weißen Hintergrund — nutzen Sie PNG oder WEBP für Transparenz.
|
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
|
|
|
|
- Verwenden Sie SVG-Export für vektorielle Weiterbearbeitung in Code-Editoren oder Illustrator.
|