---
title: "Wie bette ich Social-Media-Feeds in Figma Sites ein?"
date: 2025-05-09
canonical_id: embed-social-media-feeds-figma-sites
author: "osogovo"
category: blog
summary: "Erfahre, wie du Instagram- und Google-Review-Widgets von EmbedSocial mit iframe in Figma Sites einbettest. Schritt-für-Schritt-Anleitung zur Verbesserung deiner Figma-Seiten."
draft: false
seo:
  title: "Wie bette ich Social-Media-Feeds in Figma Sites ein?"
  description: "Erfahre, wie du Instagram- und Google-Review-Widgets von EmbedSocial mit iframe-Code in Figma Sites einbettest. Schritt-für-Schritt-Anleitung mit Grafiken."
  structured_data: article
locale_slug: social-media-feeds-figma-sites-einbetten
---
Ja! Figma hat einen neuen Website-Builder namens [Figma Sites](https://www.figma.com/sites/) und jetzt kannst du eine Website in einer No-Code-Umgebung entwerfen und veröffentlichen.

Du kannst responsive, optisch ansprechende Landing Pages, Portfolios oder interne Projekte erstellen - alle powered von deinen Figma-Designs. Aber was ist, wenn du deine Seiten mit echtem Live-Social-Proof dynamischer gestalten möchtest?

Jetzt kannst du jedes EmbedSocial-Widget direkt in deine Figma Site einbetten - einen Instagram-Feed, einen Google-Reviews-Slider oder eine TikTok-Mentions-Galerie.

## Was sind Figma Sites?

> Figma Sites ist ein leichtes Publishing-Tool, mit dem du jedes Figma-Design in eine live, teilbare Webseite ohne Entwickler verwandeln kannst.

* * *

Stelle es dir als einen Weg vor, um Micro-Sites, Kampagnen oder Präsentationen mit deinem bestehenden Design-System bereitzustellen. Und jetzt kannst du mit Embed-Support deine Seiten mit Live-Widgets von EmbedSocial verbessern.

## Schritte zum Einbetten von Instagram- oder Google-Reviews-Widgets in Figma Sites

Nur `iframe`-Codes werden in Figma Sites unterstützt. Das bedeutet, du musst die **iframe-Embed-Option** von deinem EmbedSocial-Widget verwenden. So geht's Schritt für Schritt:

### Schritt 1: Kopiere den iframe-Code des Widgets

1.  Gehe zu deinem EmbedSocial-Konto oder [erstelle ein neues Konto](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget), wenn du ein neuer Benutzer bist.
2.  Gehe zu **Widgets**, erstelle ein neues oder wähle das Widget aus, das du einbetten möchtest (Instagram-Feed, Google-Reviews, TikTok usw.)
3.  Im Editor, im linken Einstellungsfeld, klicke auf die Registerkarte **'Embed'** und klicke
4.  Kopiere den `iframe`-Code (stelle sicher, dass du die JavaScript-Version nicht verwendest)

![Bette Social-Media-Feeds mit iframe-Code ein](https://embedsocial.com/wp-content/uploads/2023/11/get-iframe-embed-code-for-social-media-feed-1024x601.jpg)

### Schritt 2: Füge den HTML-Block in Figma Sites ein

Folge diesen Schritten, um deinen Code in deine Figma Site einzufügen:

1.  Öffne dein Figma Site-Projekt.
2.  Klicke im **linken Panel** auf die Schaltfläche ➕, um einen neuen Block hinzuzufügen.
3.  Wähle **Embeds** aus den Block-Optionen aus.
4.  Wähle dann den Block **URL oder HTML**. Du musst den Block in dem Bereich anpassen, in dem du den Code einbetten möchtest.  
    ![Bette Instagram-Widget in Figma Sites ein](https://embedsocial.com/wp-content/uploads/2025/05/steps-to-embed-widgets-in-figma-sites.jpg)
5.  Du wirst ein neues HTML-Panel auf der rechten Seite sehen, wo du deinen `iframe`-Code einfügen musst.  
    ![Füge iframe-Code in Figma Sites ein](https://embedsocial.com/wp-content/uploads/2025/05/paste-iframe-code-figma-sites.jpg)

### Schritt 3: Passe Position an und veröffentliche

-   Nach dem Einbetten kannst du die **Position des Blocks**, die **Breite** und die **Höhe** anpassen.
-   Dein Widget wird live innerhalb des Figma Site-Layouts gerendert, was dir ermöglicht, eine Vorschau anzusehen und den Rest deines Inhalts entsprechend zu gestalten.
-   Klicke **Publish**, um die Änderungen live zu sehen.

Hier ist eine live Figma Site mit einem eingebetteten Instagram-Widget von EmbedSocial - [sieh es in Aktion.](https://turn-flex-disco.figma.site/)

![Live Figma Site mit Instagram-Widget von EmbedSocial](https://embedsocial.com/wp-content/uploads/2025/05/figma-instagram-widget-1024x612.jpg)

[Sieh Live Figma Site an](https://turn-flex-disco.figma.site/)

## Erste Schritte

Du hast jetzt ein vollständig funktionierendes EmbedSocial-Widget in deiner Figma Site - ob es Instagram-UGC, Kundentestimonials, ein versandfertiges Widget oder Echtzeit-Google-Reviews zeigt. Es ist ein einfacher Weg, um dein statisches Design in ein lebendes Erlebnis, powered von authentischem Inhalt, zu verwandeln.