Pen2Figma
Importiere pen.dev-Designs in Figma – Auto Layout, Komponenten, Variablen und Themes bleiben erhalten.
Plugin herunterladen
Pen2Figma wandelt .pen-Dateien in native, bearbeitbare Figma-Ebenen um. Die Regeln wurden am Renderer von Pen selbst kalibriert, sodass fehleranfällige Details – Konturausrichtung, Polygongeometrie, Verlaufswinkel, Bogenrichtung, Theme-Auflösung, Laufweite – auf Grundlage der tatsächlichen Rendering-Ergebnisse von Pen verarbeitet werden. Kostenlos, ohne Konto und ohne Limits.
Funktionen
- Auto Layout
- Richtung, Abstand, Innenabstand, Ausrichtung, Hug-, Fill- und feste Größen sowie absolut positionierte Kinder.
- Komponenten und Instanzen
- Wiederverwendbare Pen-Komponenten werden zu Figma-Komponenten; Instanzen behalten ihre Überschreibungen, auch verschachtelte, und Icon-Änderungen werden zu Instanz-Tausch.
- Variablen und Theme-Modi
- Jede Theme-Achse (hell, dunkel usw.) wird zu einer Variablensammlung mit Modi; Aliase bleiben erhalten und Frames behalten ihr Theme.
- Bibliotheken
- Ziehe die Bibliotheks-.pen-Dateien deines Designs einfach mit hinein, sie werden automatisch verknüpft.
- Stile
- Vollfarben, lineare, radiale und Winkelverläufe, Bildfüllungen, Konturen pro Seite, Schatten und Unschärfen, abgerundete Ecken, Bögen und Vektoren.
- Text
- Schriften und Schnitte werden den installierten zugeordnet; CJK-Text fällt wie in Pen auf PingFang SC oder Noto Sans SC zurück.
- Icons
- lucide, Material Symbols, phosphor und feather in denselben Icon-Versionen wie in Pen.
Installation
Pen2Figma ist noch nicht in der Figma Community verfügbar. Es muss von Hand importiert werden, und das geht nur in der Figma-Desktop-App.
- Lade das Archiv oben herunter und entpacke es.
- Öffne in der Figma-Desktop-App das Menü und wähle Plugins → Development → Import plugin from manifest…
- Wähle die entpackte
manifest.jsonaus. Pen2Figma erscheint danach unter Plugins → Development.
So funktioniert’s
- Starte Pen2Figma und ziehe eine
.pen-Datei (samt den verwendeten Bibliotheks-.pen-Dateien und Bildern) auf die Figma-Arbeitsfläche oder wähle die Dateien im Plugin aus. - Wähle die Frames aus und starte den Import.
- Alles landet auf der aktuellen Seite, und eine Übersicht zeigt, was du prüfen solltest.
Datenschutz
Die Umwandlung läuft vollständig im Plugin, deine Dateien werden nie hochgeladen. Netzwerkanfragen dienen nur dazu, Icons und von deinem Design referenzierte Bilder zu laden.
Bekannte Einschränkungen
Shader, Mesh-Verläufe, Skript- und Webseiten-Knoten haben in Figma keine Entsprechung und werden als deutlich markierte Platzhalter importiert. Bei Figma-Tarifen mit nur einem Modus pro Sammlung erhalten andere Themes feste Werte.
Pen2Figma ist ein unabhängiges Tool von UISurf und steht in keiner Verbindung zu pen.dev oder Figma.
Versionshinweise
- Erste öffentliche Version.
- Auto Layout, Komponenten und Instanzen mit verschachtelten Überschreibungen, Variablen mit Theme-Modi, Bibliotheken, Verläufe, Bilder, Effekte und Icons.
- CJK-Schriftfallback, 10 Oberflächensprachen sowie helle und dunkle Oberfläche passend zu Figma.