Viele Designer arbeiten mit verschiedenen Tools, und der Übergang zwischen ihnen kann manchmal eine Herausforderung darstellen. Wenn Sie von Sketch zu Figma wechseln oder einfach nur eine bestehende Sketch-Datei in Ihre Figma-Umgebung integrieren möchten, gibt es einen klaren Prozess, um dies zu tun. Dieser Artikel führt Sie durch die notwendigen Schritte und erklärt, was mit Ihren Designelementen während des Importvorgangs geschieht, basierend auf den uns vorliegenden Informationen.
Es ist wichtig zu wissen, dass Figma, wie jedes moderne Design-Tool, ständig weiterentwickelt wird. Auch wenn sich die Benutzeroberfläche (UI3) möglicherweise geringfügig ändert, bleibt der grundlegende Importmechanismus, wie hier beschrieben, der Kern des Prozesses.
Wer kann Sketch-Dateien importieren?
Die Möglichkeit, Sketch-Dateien in Figma zu importieren, ist weit verbreitet. Laut den verfügbaren Informationen ist diese Funktion in jedem Abo verfügbar. Alle Nutzer*innen können Sketch-Dateien in ihre persönlichen Entwürfe importieren. Wenn Sie in einem Team arbeiten, benötigt jede Person mit Schreibzugriff auf dieses Team die Berechtigung, Sketch-Dateien in dieses Team zu importieren.
Der Importvorgang: So bringen Sie Ihre .sketch-Datei nach Figma
Der Import einer Sketch-Datei (.sketch) in Figma ist relativ einfach. Sobald Sie die Datei importieren, wird sie in eine Figma-Designdatei umgewandelt. Beachten Sie bitte, dass dies eine einmalige Konvertierung ist. Alle weiteren Änderungen, die Sie in Sketch an der Originaldatei vornehmen, werden in Figma nicht automatisch übernommen. Es gibt keine Live-Synchronisierung.
Ein wichtiger Hinweis betrifft die Verwendung von Beta-Versionen von Sketch. Wenn Sie eine Beta-Version verwenden, kann es zu Unstimmigkeiten beim Import von Assets in Figma kommen. Es wird empfohlen, Dateien mit der neuesten stabilen Version von Sketch zu speichern, bevor Sie sie in Figma importieren, um mögliche Probleme zu vermeiden.
Möchten Sie nur einzelne Assets aus einer Sketch-Datei importieren, müssen Sie nicht die gesamte Datei importieren. Sie können das Asset auch einfach aus Sketch kopieren und direkt in eine Figma-Designdatei einfügen.
Importieren über den Datei-Browser
Der gebräuchlichste Weg, eine Sketch-Datei zu importieren, ist über den Datei-Browser in Figma. Folgen Sie diesen Schritten:
- Öffnen Sie den Datei-Browser in Figma.
- Klicken Sie oben rechts auf der Seite auf die Schaltfläche Import.
- Wählen Sie die Option Von deinem Computer.
- Ein Dialogfenster öffnet sich. Wählen Sie die Sketch-Datei (.sketch) aus, die Sie importieren möchten.
- Klicken Sie auf Öffnen.
Der Importvorgang beginnt nun. Die Dauer hängt stark von der Größe der Datei ab. Bei sehr großen Dateien kann der Import einige Augenblicke dauern. Sobald der Import abgeschlossen ist, werden Sie benachrichtigt.
Alternativ zum Klicken und Auswählen können Sie Dateien auch einfach per Drag & Drop von Ihrem Computer in den Datei-Browser ziehen, um den Import zu starten.
Importieren über den Editor
Informationen zum Importieren einer Sketch-Datei direkt über den Editor wurden in den bereitgestellten Details nicht gefunden. Die beschriebene Methode konzentriert sich auf den Import über den Datei-Browser.
Was passiert mit Ihren Sketch-Funktionen in Figma?
Beim Import werden viele Sketch-Funktionen in ihre entsprechenden Figma-Gegenstücke umgewandelt. Es ist hilfreich zu verstehen, wie diese Konvertierung funktioniert, um nach dem Import effizient weiterarbeiten zu können.
Zeichenflächen werden zu Frames
Alle Zeichenflächen, die in Ihrer Sketch-Datei vorhanden sind, werden in Figma in Frames umgewandelt. Frames dienen, ähnlich wie Zeichenflächen in Sketch, dazu, Inhalte zu gruppieren und zu organisieren. Allerdings bieten Frames in Figma einige zusätzliche Funktionen, die über die reinen Gruppierungszwecke hinausgehen.
Seiten bleiben Seiten
Figma unterstützt, genau wie Sketch, die Verwendung mehrerer Seiten innerhalb einer einzigen Designdatei. Jede Seite, die in Ihrer Sketch-Datei angelegt wurde, wird als separate Seite in die importierte Figma-Designdatei übernommen. Sie können zwischen diesen Seiten über das Ebenen-Bedienfeld in der linken Seitenleiste navigieren.
Symbole und Bibliotheken werden zu Komponenten
Dies ist einer der wichtigsten Aspekte des Imports. Wenn Sie eine Sketch-Datei importieren, werden alle darin enthaltenen Symbole in Komponenten in Figma umgewandelt. Die spezielle „Symbols“-Seite, die oft in Sketch-Dateien zu finden ist und die Master-Symbole enthält, wird in Figma als eine Seite mit dem Namen „Symbole“ importiert. Diese Seite enthält dann Ihre Hauptkomponenten.
Wenn Sie eine Symbolbibliothek aus Sketch importieren, wird diese zunächst als eine normale Entwurfsdatei importiert, nicht direkt als eine Figma-Bibliothek. Wenn Sie über ein kostenpflichtiges Abo verfügen (das die Veröffentlichung von Bibliotheken ermöglicht), können Sie die importierten Komponenten nach dem Import in einer Bibliothek veröffentlichen. Dies ist der entscheidende Schritt, um die Vorteile von Komponentenbibliotheken in Figma zu nutzen und diese Komponenten über mehrere Designdateien hinweg wiederzuverwenden und zu synchronisieren.
Ein wichtiger Hinweis hierzu: Wenn Ihre importierte Sketch-Datei bereits Instanzen von Symbolen enthielt, müssen Sie diese Instanzen nach dem Publizieren der Hauptkomponenten in einer Bibliothek erneut mit diesen Hauptkomponenten verbinden. Dies kann entweder durch den Austausch einzelner Komponenteninstanzen oder durch die Nutzung einer Bibliotheksaustauschfunktion erfolgen.
Umgang mit Schriftarten
Schriftarten sind ein häufiger Stolperstein beim Dateiaustausch zwischen Design-Tools. Wenn Ihre Sketch-Datei benutzerdefinierte oder lokal auf Ihrem Computer gespeicherte Schriftarten verwendet, müssen Sie sicherstellen, dass diese Schriftarten auch in Figma verfügbar sind, damit die Texte korrekt dargestellt werden.
Wenn Sie die Figma-Desktop-App verwenden, sind alle auf Ihrem System installierten lokalen Schriftarten standardmäßig zugänglich. Wenn Sie jedoch Figma im Browser nutzen, benötigen Sie das Figma-Schriftarteninstallationsprogramm. Dieses kleine Tool ermöglicht es Figma im Browser, auf Ihre lokal verfügbaren Schriftarten zuzugreifen.
Sollten Sie nach dem Import einer Sketch-Datei eine Fehlermeldung bezüglich fehlender Schriftarten erhalten, werden Sie in der Regel aufgefordert, alle betroffenen Textebenen zu aktualisieren oder alternative Schriftarten auszuwählen. Figma bietet Werkzeuge zur Verwaltung fehlender Schriftarten.
Beachten Sie auch die Einschränkungen bei lokalen Schriftarten: Figma unterstützt derzeit keine lokalen Schriftarten für Geräte mit ChromeOS oder Linux. In Organisationen können Administratoren benutzerdefinierte Schriftarten hochladen, die dann allen Mitgliedern der Organisation zur Verfügung stehen.
Stile werden nicht übernommen
Ein wichtiger Punkt, der oft übersehen wird: Stile (wie Textstile, Ebenenstile etc.), die Sie in Sketch definiert haben, werden während des Importvorgangs leider nicht beibehalten. Sie müssen alle in Sketch verwendeten Stile nach dem Import in Figma neu erstellen. Figma bietet leistungsstarke Funktionen zur Erstellung und Verwaltung von Stilen, aber die manuelle Neuanlage ist nach einem Sketch-Import notwendig.
Mögliche Probleme und Lösungen
Obwohl der Importvorgang in der Regel reibungslos verläuft, gibt es einige Punkte, die zu Schwierigkeiten führen können:
- Sehr große Sketch-Dateien: Beim Versuch, sehr große Sketch-Dateien zu importieren, kann der Import fehlschlagen. Um dies zu verhindern, empfiehlt es sich, die Sketch-Datei vor dem Importieren in kleinere, überschaubarere Dateien aufzuteilen.
- Verwendung von Beta-Versionen von Sketch: Wie bereits erwähnt, kann die Verwendung einer Beta-Version von Sketch zu Unstimmigkeiten beim Import führen. Speichern Sie die Datei immer mit der neuesten stabilen Version.
- Fehlende Schriftarten: Stellen Sie sicher, dass benötigte lokale Schriftarten über das Schriftarteninstallationsprogramm (für Browser-Nutzer) verfügbar sind oder dass Organisationsschriftarten hochgeladen wurden.
- Stile müssen neu erstellt werden: Planen Sie Zeit ein, um Ihre Stile nach dem Import in Figma neu zu definieren.
Die Konvertierung von Sketch-Elementen in Figma-Elemente ist in der Regel sehr präzise, aber es ist immer ratsam, die importierte Datei sorgfältig zu überprüfen und gegebenenfalls Anpassungen vorzunehmen, insbesondere bei komplexen Designs oder der Verwendung spezifischer Sketch-Funktionen.
Vergleich: Sketch vs. Figma beim Import
Um die Konvertierung noch klarer zu machen, hier eine Übersicht, wie die wichtigsten Sketch-Elemente in Figma abgebildet werden:
| Sketch-Funktion | Figma-Entsprechung nach Import |
|---|---|
| Zeichenflächen (Artboards) | Frames |
| Seiten (Pages) | Seiten (Pages) |
| Symbole (Symbols) | Komponenten (Components) |
| Symbolseite | Seite „Symbole“ mit Hauptkomponenten |
| Symbolbibliotheken | Werden als Designdateien importiert; müssen separat als Bibliothek veröffentlicht werden (kostenpflichtiges Abo nötig) |
| Symbolinstanzen | Werden zu Komponenteninstanzen; müssen ggf. nach Bibliotheksveröffentlichung neu verbunden werden |
| Schriftarten (lokal/benutzerdefiniert) | Benötigen Zugriff über Schriftarteninstallationsprogramm (Browser) oder sind direkt verfügbar (Desktop); fehlende Schriftarten müssen verwaltet werden |
| Stile (Textstile, Ebenenstile) | Werden NICHT übernommen; müssen in Figma neu erstellt werden |
Das Verständnis dieser Konvertierungen hilft Ihnen, den Übergang reibungsloser zu gestalten und die importierte Datei schnell für die Weiterarbeit in Figma einzurichten.
Häufig gestellte Fragen
Im Zusammenhang mit dem Import von Designdateien tauchen oft ähnliche Fragen auf:
Können Sie PSD-Dateien in Sketch öffnen?
Basierend auf den bereitgestellten Informationen unterstützt Sketchbook (eine andere Anwendung, nicht Sketch) den Import und Export von PSD-Dateien auf allen Plattformen (Android, iOS, Mac und Windows). Ebenen, Ebenengruppen, Ebenennamen und die meisten Mischmodi bleiben dabei erhalten. Es gibt jedoch Einschränkungen: Textebenen werden rasterisiert (nicht mehr editierbar), bestimmte Mischmodi (wie Glow) werden auf Normal zurückgesetzt, und die Hintergrundfarbe der Hintergrundebene wird auf Weiß zurückgesetzt, falls sie geändert wurde. Das native Format von Sketchbook ist TIFF, das empfohlen wird, wenn diese Funktionen erhalten bleiben müssen.
Was macht Adobe Photoshop Sketch?
Laut den Informationen ist Adobe Photoshop Sketch eine Anwendung, mit der Sie Konzeptzeichnungen mit bekannten Zeichenwerkzeugen erstellen können. Sie können sich von der Arbeit anderer Nutzer inspirieren lassen, realistische Kunstwerke erstellen und Bilder zum Nachzeichnen importieren. Die App ermöglicht das Teilen der Arbeit auf Behance, Facebook, Twitter und Creative Cloud. Adobe Photoshop Sketch ist im App Store erhältlich.
Diese Fragen beziehen sich auf andere Anwendungen als das hier behandelte Sketch (das von Bohemian Coding entwickelt wird) und den Import in Figma, werden aber oft in diesem Kontext gestellt.
Fazit
Der Import von Sketch-Dateien in Figma ist ein etablierter Prozess, der es Designern ermöglicht, bestehende Projekte nahtlos in die Figma-Umgebung zu überführen. Obwohl Stile neu erstellt werden müssen und der Umgang mit Schriftarten und Bibliotheken spezifische Schritte erfordert, werden die Kernbestandteile Ihres Designs – Zeichenflächen als Frames, Seiten als Seiten und Symbole als Komponenten – zuverlässig konvertiert. Indem Sie die hier beschriebenen Schritte befolgen und sich der Besonderheiten bewusst sind, können Sie Ihre Sketch-Arbeit effektiv in Figma fortsetzen und von den Kollaborations- und Prototyping-Funktionen profitieren, die Figma bietet. Beginnen Sie noch heute mit dem Import und entdecken Sie die Möglichkeiten!
Hat dich der Artikel Sketch-Dateien in Figma importieren: Ein Leitfaden interessiert? Schau auch in die Kategorie Design rein – dort findest du mehr ähnliche Inhalte!