Figma Sites wurde auf der Config 2025 in der offenen Beta-Version veröffentlicht. Es ist derzeit in allen kostenpflichtigen Abos verfügbar, eine eingeschränkte Version für das Starter-Abo ist demnächst verfügbar. Erfahre mehr darüber, was in der Beta-Version enthalten ist.
Wer kann diese Funktion verwenden?
Verfügbar für alle kostenpflichtigen Abos
Erfordert Schreibzugriff in der Zieldatei
Du kannst Objekte frei zwischen Figma Design und Figma Sites kopieren und einfügen – allerdings funktionieren einige Funktionen je nach Produkt unterschiedlich.
Tipp: Neugierig auf die Unterschiede zwischen diesen Produkten? Erfahre mehr darüber, welche Tools und Eigenschaften in Figma Sites und Figma Design verfügbar sind.
Von Figma Design zu Figma Sites kopieren
Du kannst beliebige Design-Assets zwischen Figma Design und Figma Sites kopieren und einfügen, indem du die standardmäßigen Tastenkombinationen zum Kopieren und Einfügen verwendest:
- Kopieren: Strg oder Cmd C
- Einfügen: Strg oder Cmd V
Wenn die Breite deines Designs zwischen 1200 und 1600 Pixeln liegt und du der Ersteller der Datei bist, kannst du es auch direkt an eine neue Figma Sites-Datei senden:
- Öffne die Datei in Figma Design, die dein Design enthält.
- Klicke mit der rechten Maustaste auf den Frame, den du als Webseite zu Figma Sites hinzufügen möchtest.
- Wähle In Figma Sites kopieren aus.
Figma öffnet eine neue Website-Datei, in der dein Design zur Startseite hinzugefügt wird.
Zu beachtende Punkte
Beim Wechsel von Figma Design zu Figma Sites solltest du Folgendes beachten:
|
Funktion |
Verhaltensweisen |
|---|---|
|
Anmerkungen werden in einer Website-Datei nicht angezeigt, erscheinen jedoch wieder, wenn du das Design später in Figma Design kopierst und einfügst. |
|
|
Die Positionierung jedes Elements basiert auf den in Figma Design festgelegten Eigenschaften:
|
|
|
Die meisten Prototyp-Verbindungen werden automatisch in die entsprechenden Interaktionen in Figma Sites umgewandelt. Erfahre, wie du nicht unterstützte Interaktionen beheben kannst. |
Von Figma Sites zu Figma Design kopieren
Du kannst Design-Assets manuell von Figma Sites zu Figma Design kopieren und einfügen, indem du die gleichen oben genannten Standard-Tastenkürzel zum Kopieren und Einfügen verwendest.
Tipp: Es gibt viele Möglichkeiten, die Art und Weise zu ändern, wie Inhalte in Figma Design eingefügt werden, z. B. „Einfügen und ersetzen“, „Einfügen über Auswahl“ und mehr.
Zu beachtende Punkte
Beim Wechsel von Figma Sites zu Figma Design solltest du Folgendes beachten:
| Funktion | Verhaltensweisen |
|---|---|
|
Barrierefreiheit-Eigenschaften werden in einer Design-Datei nicht gerendert, werden jedoch erneut angezeigt, wenn du das Design später in Figma Sites kopierst und einfügst. |
|
|
Einbettungen werden in Figma Design nicht unterstützt und erscheinen als statische Bilder auf der Arbeitsfläche. |
|
|
Falls verfügbar, werden Interaktionen automatisch in die entsprechenden Prototypverbindungen umgewandelt – jedoch werden viele Interaktionen in Figma Design nicht unterstützt. |
|
|
Links zu externen Websites werden in Figma Design automatisch in eine „Link öffnen“-Prototyp-Aktion umgewandelt. Interne Links zu anderen Webseiten innerhalb einer Website werden nicht in Figma Design übernommen. |
|
|
Die Positionierung jedes Elements basiert auf den in Figma Sites definierten Eigenschaften:
|
|
|
Jede Webseite wird in einen Abschnitt mit Frames für jeden Breakpoint umgewandelt. |