* docs: polish localized documentation - Rewrite Russian documentation for natural terminology and current source parity\n- Continue the Polish editorial pass across guides and SDK references\n- Refresh shared localized SDK API data imports * docs(pl): complete editorial pass - Rewrite the remaining advanced Vue SDK references\n- Refresh the Figma compatibility matrix against the canonical source\n- Align terminology and behavior across every Polish documentation page * docs(de): complete editorial pass - Rewrite German guides, automation docs, and Vue SDK references\n- Restore current AI, export, component, and variable behavior\n- Refresh the Penpot comparison and Figma compatibility matrix * docs(es): complete editorial pass - Rewrite Spanish guides, automation docs, and Vue SDK references\n- Restore current AI, export, component, and variable behavior\n- Refresh the Penpot comparison and Figma compatibility matrix * docs(fr): complete editorial pass - Rewrite French guides, automation docs, and Vue SDK references\n- Restore current AI, export, component, and variable behavior\n- Refresh the Penpot comparison and Figma compatibility matrix * docs: correct localized terminology - Replace unnecessary English prose with natural localized terminology\n- Derive documentation aliases from named directory roots\n- Preserve English only for identifiers, APIs, and exact product terms * docs(it): continue editorial pass - Rewrite Italian user guides and automation documentation\n- Update Vue SDK composables and component references\n- Restore current AI, export, component, and variable behavior * docs(it): complete editorial pass - Finish Italian advanced SDK and reference documentation\n- Refresh the Penpot comparison and Figma compatibility matrix\n- Replace literal machine translations with natural technical prose * docs(pl): refine property panel terminology * docs: refine remaining localized prose - Replace overfitted English prose in Polish feature documentation\n- Rewrite the Russian property-list reference in natural terminology * docs(ru): rewrite Penpot comparison naturally - Replace remaining English prose with natural Russian\n- Preserve code identifiers and library names only where required * docs: rewrite localized feature overviews naturally - Replace avoidable English prose in German, Spanish, and French\n- Keep identifiers and product names unchanged * docs(de): refine property panel terminology * docs: refine Spanish and French SDK terminology * docs(ru): continue full prose audit - Rewrite homepage, setup, navigation, and guide index naturally\n- Restore missing zoom shortcuts * docs(ru): audit user and automation guides - Rewrite selection, collaboration, and automation prose naturally\n- Preserve API identifiers while localizing ordinary terminology * docs(ru): audit CLI inspection and analysis * docs(ru): audit Vue SDK overview and guides * docs(ru): audit Vue SDK API prose - Localize ordinary component and composable terminology\n- Preserve API symbols and code identifiers * docs(ru): audit advanced and gradient API references * docs(ru): finish advanced API prose audit * docs(ru): audit JSX renderer guide * docs(ru): audit CLI export and scripting guides * docs(pl): audit Penpot comparison prose * docs(pl): audit selection and automation guides * docs(pl): audit homepage and variable guides * docs(pl): audit vector, layers, and Pen guides * docs(pl): audit Auto layout and shape guides * docs(pl): audit context menu and export guides * docs(pl): audit JSX and analysis guides * docs(pl): audit AI Chat guide * docs(pl): audit components and CLI inspection * docs(pl): audit scripting and SDK overview prose * docs(pl): audit SDK API indexes * docs(pl): audit SDK component references * docs(pl): audit SDK composable references * docs(ru): refine usePosition terminology * docs(pl): audit advanced SDK references * docs(pl): audit Figma compatibility matrix * docs(pl): finish residual SDK terminology audit * docs(pl): finish component terminology audit * docs(pl): finish SDK guide terminology audit * docs(de): begin full user guide prose audit * docs(de): audit navigation, Pen, and layers guides * docs(de): audit Auto Layout, shapes, menu, and export * docs(de): audit components, text, and vector guides * docs(de): audit variables and automation overview * docs(de): audit AI Chat and collaboration guides * docs(de): audit CLI inspection, analysis, and export * docs(de): audit scripting and JSX guides * docs(de): audit Vue SDK overview and guides * docs(de): audit SDK API indexes * docs(de): audit SDK component references * docs(de): audit SDK composable references * docs(de): audit advanced SDK references * docs(de): audit Penpot comparison prose * docs(de): audit Figma compatibility reference * docs(es): begin full user guide prose audit * docs(es): audit document organization guides * docs(es): audit editing workflow guides * docs(es): audit automation and collaboration prose * docs(es): audit CLI inspection and export guides * docs(es): audit CLI scripting guide * docs(es): audit JSX and feature overview prose * docs(es): audit Penpot comparison prose * docs(es): audit SDK overview and guides * docs(es): begin SDK component reference audit * docs(es): audit SDK navigation component references * docs(es): audit SDK color and layout components * docs(es): begin SDK composable reference audit * docs(es): audit SDK property composable references * docs(es): audit SDK editor composable references * docs(es): begin advanced SDK reference audit * docs(es): audit advanced SDK state references * docs(es): complete advanced SDK reference audit * docs(es): audit Figma compatibility reference * docs(es): complete residual terminology sweep * docs(fr): begin full prose second audit * docs(fr): audit AI and variables prose * docs(fr): audit core user guide prose * docs(fr): audit editing workflow guides * docs(fr): audit CLI and JSX prose * docs(fr): audit Penpot comparison prose * docs(fr): audit SDK overview and guides * docs(fr): begin SDK API reference audit * docs(fr): audit SDK navigation component references * docs(fr): audit SDK color and layout components * docs(fr): begin SDK composable reference audit * docs(fr): audit SDK property composable references * docs(fr): audit editor composables and advanced APIs * docs(fr): audit advanced SDK state references * docs(fr): complete advanced SDK reference audit * docs(fr): audit Figma compatibility reference * docs(fr): complete residual terminology sweep * docs(it): begin full prose second audit * docs(it): audit document workflow guides * docs(it): audit editing and automation prose * docs(it): audit CLI and JSX prose * docs(it): audit Penpot comparison and SDK guides * docs(it): begin SDK API reference audit * docs(it): audit SDK component and state references * docs(it): audit residual SDK references * docs(it): audit Figma compatibility reference * docs(it): complete residual terminology sweep * docs(i18n): verify residual locale terminology
101 lines
5.6 KiB
Markdown
101 lines
5.6 KiB
Markdown
# Figma-Kompatibilität
|
|
|
|
Vergleich der Funktionen von Figma Design mit dem aktuellen Stand von OpenPencil.
|
|
|
|
::: tip Status
|
|
✅ Unterstützt — funktioniert vollständig · 🟡 Teilweise — Grundfunktion vorhanden, einzelne Teile fehlen · 🔲 Nicht umgesetzt
|
|
:::
|
|
|
|
**Abdeckung:** 94 von 158 Funktionen berücksichtigt — 76 ✅ vollständig, 18 🟡 teilweise und 64 🔲 nicht umgesetzt. Stand: 2026-03-07.
|
|
|
|
## Oberfläche und Navigation
|
|
|
|
| Funktion | Status | Hinweise |
|
|
|----------|--------|----------|
|
|
| Werkzeugleiste | ✅ | Untere Leiste im UI3-Stil |
|
|
| Ebenen-Panel | ✅ | Baum mit Auf-/Zuklappen, Ziehen, Sichtbarkeit und einstellbarer Breite |
|
|
| Seiten-Panel | ✅ | Erstellen, Löschen, Umbenennen und eigener Ansichtszustand |
|
|
| Eigenschaften-Panel | ✅ | Darstellung, Füllung, Kontur, Effekte, Typografie, Anordnung und Position |
|
|
| Zoom und Verschieben | ✅ | Mausrad, Zwei-Finger-Zoom, Tastenkürzel, mittlere Maustaste und Handwerkzeug |
|
|
| Lineale | ✅ | Lineale mit Auswahlbereich und Koordinaten |
|
|
| Hintergrund | ✅ | Eigene Farbe pro Seite |
|
|
| Hilfslinien | 🔲 | Keine aus Linealen ziehbaren Hilfslinien |
|
|
| Befehlspalette | 🔲 | Keine Schnellsuche nach Aktionen |
|
|
| Kontextmenü | ✅ | Zwischenablage, Reihenfolge, Gruppen, Komponenten, Sichtbarkeit, Sperre und Seitenwechsel |
|
|
| Tastenkürzel | 🟡 | Zentrale Befehle vorhanden; einige Werkzeuge und Textformatierungen fehlen |
|
|
| Suchen und Ersetzen | 🔲 | Keine dokumentweite Textsuche |
|
|
| Ebenenkonturen | 🔲 | Keine Drahtgitteransicht |
|
|
| Eigene Miniatur | 🔲 | Wird erzeugt, kann aber nicht gewählt werden |
|
|
| Schrittweite | 🔲 | 1 px und 10 px, keine eigenen Werte |
|
|
| Anwendungsmenü | ✅ | Browsermenü und native Tauri-Menüs |
|
|
| AI-Werkzeuge | 🟡 | 90 Werkzeuge; keine Bilderzeugung oder AI-Suche |
|
|
|
|
## Ebenen und Formen
|
|
|
|
| Funktion | Status | Hinweise |
|
|
|----------|--------|----------|
|
|
| Grundformen | ✅ | Rechteck, Ellipse, Linie, Polygon und Stern |
|
|
| Rahmen | ✅ | Beschnitt, eigenes Koordinatensystem und Größenvorlagen |
|
|
| Gruppen | ✅ | Gruppieren und Aufheben |
|
|
| Sektionen | ✅ | Beschriftung und automatische Übernahme überlappender Objekte |
|
|
| Bögen | ✅ | Start-/Endwinkel und Innenradius |
|
|
| Bleistift | 🔲 | Kein Freihandwerkzeug |
|
|
| Masken | 🔲 | Keine Formmasken |
|
|
| Hierarchie | ✅ | 17 Objekttypen und Eltern-Kind-Baum |
|
|
| Auswahl | ✅ | Klick, Shift-Klick und Rahmenauswahl |
|
|
| Ausrichtung und Position | ✅ | Position, Drehung und Maße |
|
|
| Kopieren und Einfügen | ✅ | Standardzwischenablage, Figma-Kiwi und Kopieren als Text/SVG/PNG/JSX |
|
|
| Proportionale Größenänderung | 🟡 | Shift erhält Proportionen; kein eigenes Skalierungswerkzeug |
|
|
| Sperre und Sichtbarkeit | ✅ | Tastenkürzel und Ebenen-Panel |
|
|
| Umbenennen | ✅ | Direkt im Ebenen-Panel |
|
|
| Vorder-/Hintergrund | ✅ | Tastenkürzel und Kontextmenü |
|
|
| Seite wechseln | ✅ | Auswahl zwischen Seiten verschieben |
|
|
| Einschränkungen | 🔲 | Kein Anheften an Kanten oder Mitte |
|
|
| Intelligente Auswahl | 🔲 | Keine gleichmäßige Verteilung |
|
|
| Anordnungshilfen | 🔲 | Keine Spalten-/Zeilenraster |
|
|
| Abstände messen | 🔲 | Keine Alt-Anzeige |
|
|
| Mehrfachbearbeitung | ✅ | Gemeinsame Eigenschaften und `Mixed` bei Abweichungen |
|
|
| Ähnliche Objekte | 🔲 | Keine Suche |
|
|
| Eigenschaften kopieren | 🔲 | Keine Übertragung von Füllung, Kontur und Effekten |
|
|
| Eltern-Kind-Beziehungen | ✅ | Vollständige Hierarchie und Neuordnung durch Ziehen |
|
|
|
|
## Vektoren
|
|
|
|
Vektornetze und Zeichenstift werden unterstützt. Fortgeschrittene Punktbearbeitung ist teilweise verfügbar. Boolesche Operationen, Abflachen, Kontur- und Textumwandlung, Pfadversatz und Vereinfachung fehlen noch.
|
|
|
|
## Text und Typografie
|
|
|
|
Direkte Textbearbeitung, CanvasKit Paragraph, Systemschriften, Schriftwahl, Größe, Zeilenhöhe und grundlegende Ausrichtung werden unterstützt. Vertikale Ausrichtung, automatische Textgrößen, Listen, Links, OpenType-Funktionen, variable Schriften, vollständiges CJK/RTL und Symbolschriften fehlen oder sind teilweise umgesetzt.
|
|
|
|
## Farben, Verläufe und Bilder
|
|
|
|
Volltonfarben, lineare, radiale, Winkel- und Diamantverläufe sowie Bildfüllungen werden unterstützt. Muster, Mischmodi, Video, Bildkorrekturen, interaktiver Zuschnitt, Pipette und gemeinsame Farbbearbeitung fehlen.
|
|
|
|
## Effekte und Eigenschaften
|
|
|
|
Schatten, Ebenen-/Hintergrund-/Vordergrundunschärfe, Konturstärke, Enden, Verbindungen, Strichelung, Konturausrichtung und Eckenradien werden unterstützt. Kontinuierliche Ecken und mehrere Füllungen/Konturen fehlen.
|
|
|
|
## Automatische Anordnung
|
|
|
|
Flexbox, Grid, Richtung, Abstand, Innenabstand, Ausrichtung, Größenmodi, Umbruch, verschachtelte Anordnungen und Neuordnung durch Ziehen werden unterstützt. Mindest- und Höchstmaße fehlen.
|
|
|
|
## Komponenten und Designsysteme
|
|
|
|
Komponenten, Sätze, Instanzen, Varianten, Eigenschaften, Überschreibungen, Variablen und Bibliotheken werden unterstützt. Benannte Stile fehlen; einige Variablentypen besitzen noch keine vollständige Bearbeitungsoberfläche.
|
|
|
|
## Prototypen
|
|
|
|
Verbindungen, Auslöser, Aktionen, Animationen, Overlays, Scrollverhalten, Abläufe und Präsentationsmodus sind noch nicht umgesetzt.
|
|
|
|
## Import und Export
|
|
|
|
`.fig`-Import/-Export, Speichern, Figma-Zwischenablage und Bild-/SVG-Export funktionieren. Sketch-Import, PDF-Export und Versionsverlauf fehlen.
|
|
|
|
## Plugin API, Zusammenarbeit und Entwicklermodus
|
|
|
|
`eval`, P2P-Zusammenarbeit, JSX-Codeansicht, Tailwind-Export, MCP-Server und CLI sind verfügbar. Kommentare, Code Connect, Verzweigung und vollständige Übergabespezifikationen fehlen.
|
|
|
|
## Figma Draw
|
|
|
|
Spezialisierte Illustrationswerkzeuge und Mustertransformationen sind noch nicht umgesetzt.
|