Wie man eine Präsentation in Figma Slides erstellt

Ein praktischer Leitfaden für Figma Slides - eine moderne Alternative zu PowerPoint und Keynote

27. August 2025
15 min
Beispiele für vorgefertigte Folien in Figma Slides: Farben, Schriftarten, Text, Fotos und alle anderen Elemente können leicht an Ihre Bedürfnisse angepasst werden.
Inhalt:
Was ist Figma Slides?
Figma Slides ist ein Add-on von Figma, das die Erstellung von Online-Präsentationen sehr einfach macht. Sie können in zwei Modi arbeiten: Standard oder Designer.
In diesem Handbuch konzentrieren wir uns auf den grundlegenden Standardmodus, der die Arbeit mit:
  • Text
  • Bilder
  • Formen
  • Interaktive Elemente
  • Zusätzliche Ressourcen
Im Designer-Modus steht Ihnen das gesamte Figma-Toolkit zur Verfügung: Automatisches Layout, Komponenten, Unschärfen und andere Effekte usw.
Anleitung zu Figma für Anfänger
Figma ist eines der beliebtesten und leistungsfähigsten Design-Tools. Erfahren Sie, wie Sie einsteigen und die Funktionen optimal nutzen können, um Ihren Design-Workflow zu optimieren.
Wenn Sie noch nie mit Figma gearbeitet haben, sollten Sie sich lieber an den Standardmodus halten. Er ist einfacher, schneller und bietet alles, was Sie für eine solide Präsentation benötigen.
Erste Schritte mit Figma Slides
Öffnen Sie Figma und klicken Sie auf die Schaltfläche zum Erstellen einer neuen Präsentation in Figma Slides.
Von dort aus können Sie entweder mit einer leeren Leinwand beginnen oder eine der integrierten Vorlagen auswählen. Auf vorgefertigte Vorlagen gehen wir später ein - vorerst. Lassen Sie uns mit einer völlig leeren Folie beginnen.
Mit der Schaltfläche Von Grund auf neu beginnen können Sie mit einer neuen Vorlage beginnen oder vorgefertigte Vorlagen durchsuchen.
Wie man eine großartige Präsentation erstellt
Tipps für Nicht-Designer zum Erstellen schöner Präsentationen, zur Auswahl der richtigen Software und zum Vermeiden häufiger Fehler
Als nächstes sehen Sie den Arbeitsbereich von Figma Slides. Im Großen und Ganzen sieht er aus wie die normale Figma-Oberfläche:
Linke Leiste: Präsentationseinstellungen - Titel, Vorschaubilder aller Folien und eine Schaltfläche zum Hinzufügen neuer Folien.
Untere Symbolleiste: Standardwerkzeuge - Interaktionsmodus, Text, Bilder, Videos, Formen, interaktive Elemente, Kommentare, Plugins, Asset-Bibliothek und die Umschalttaste für den Designermodus.
Rechter Bereich: Einstellungen für die aktuell ausgewählte Folie.
Arbeitsbereich zum Erstellen und Bearbeiten von Folien.
Sie können Ihr Folienlayout von Grund auf neu erstellen oder eines der voreingestellten Layouts aus dem Dropdown-Menü verwenden.
Auch wenn Sie keine Vorlage verwenden, können Sie sich mit diesen Voreinstellungen schnell Anregungen für Ihr Layout holen.
Text
Die Gestaltung einer Präsentation beginnt in der Regel mit der Titelfolie. Beginnen Sie mit der Bearbeitung des Standardtitels auf der Folie und sehen Sie sich an, wie die Texteinstellungen funktionieren.
Um die Einstellungen zu ändern, klicken Sie auf die Schaltfläche "Details anzeigen".
Ein guter Titel sollte groß sein und hervorstechen. Der Standardstil von Figma für Titel ist Titel, aber Sie können ihn jederzeit ändern.
Der Text hat Standardeinstellungen, genau wie bei der Arbeit an einem Entwurf in Figma:
  • Schriftart
  • Gewicht
  • Größe
  • Zeilenabstand (in % oder Pixel)
  • Abstand zwischen den Buchstaben
  • Formatierungsoptionen: Fett, kursiv, unterstrichen, Aufzählung/Nummerierung, Ausrichtung
Versuchen Sie, Ihren Titel anzupassen, z. B. die Schriftgröße zu erhöhen, den Zeilenabstand zu verringern und die Buchstabenabstände zu verringern.
Verwenden Sie einen Zeilenabstand von weniger als 100 % - dadurch wirken die Titel kompakter und ausgefeilter. Je größer die Schriftgröße, desto enger sollte der Zeilenabstand sein.
Sobald Sie den Titel bearbeiten, werden neben dem Namen des Stils "Titel" ein Hinweis und eine Schaltfläche angezeigt. Dies bedeutet, dass Sie Ihre benutzerdefinierte Formatierung neben den Standard-Figma-Stilen speichern können. Natürlich können Sie die vorgefertigten Stile löschen und Ihre eigenen erstellen, aber in der Regel ist es schneller, einen vorhandenen Stil zu bearbeiten.
Die Stile in Figma funktionieren ähnlich wie die in Google Slides: Sie können einen vordefinierten Stil auf jeden Text anwenden und ihn später bearbeiten. Zum Beispiel verwenden alle Folientitel den Stil "Überschrift 2". Wenn Sie dessen Einstellungen ändern, werden diese Änderungen automatisch auf alle Titel angewendet.
Unsere Aufgabe ist es nun, den Stil "Titel" anzupassen.
Für den Untertitel unter der Hauptüberschrift wird standardmäßig der Stil "Körper 1" verwendet. Ändern Sie die Stileinstellungen und geben Sie Ihren eigenen Text ein.
Achten Sie auf einen ausreichenden Abstand, damit der Titel nicht zu eng mit dem Untertitel zusammengedrückt wird.
Figma Slides verfügt über eine integrierte KI-Funktion namens "Ton anpassen", mit der Sie den Schreibstil schnell ändern können - von leger und freundlich bis hin zu formell und geschäftsmäßig.
Farbe
Wenn Sie Ihre Typografie festgelegt haben, möchten Sie Ihrer Präsentation vielleicht noch einen eleganteren Look verleihen. Machen wir den Folienhintergrund schwarz und den Text weiß.
Wenn Sie zu einem dunklen Hintergrund wechseln, ändert Figma den Text automatisch in weiß.
Sie können auch einen Farbverlauf verwenden oder ein Hintergrundbild einstellen. Probieren Sie verschiedene Optionen aus und entscheiden Sie sich für die, die Ihnen am besten gefällt.
Wenn Sie einen Farbverlauf verwenden, achten Sie darauf, dass der Text lesbar bleibt.
Formen
Formen können rein dekorativ sein, Ihren Inhalt unterstreichen oder Teil Ihrer Markenidentität sein. Fügen wir ein paar hinzu und sehen, was wir tun können. Beginnen Sie mit einer Rautenform.
Wenn Sie eine Form als Teil Ihres Brandings verwenden, wiederholen Sie sie auf einigen anderen Folien, damit das Erscheinungsbild einheitlich bleibt.
In Tilda können Sie mit dem integrierten Vektor-Editor benutzerdefinierte Formen erstellen oder vorhandene Formen bearbeiten. Sie können sie sofort in Ihren Tilda-Projekten verwenden oder sie herunterladen und anderswo verwenden, z. B. in Figma Slides.
Wussten Sie das?
Füllen Sie die Raute mit der Akzentfarbe Ihrer Marke. Fügen Sie dann in einer Ecke einen Kreis hinzu - ein weiteres Element aus Ihrem Styleguide.
Wenn nur ein Teil einer Form auf der Folie platziert wird, wird der ausgeschnittene Teil im Präsentationsmodus nicht angezeigt. Figma hebt alles hervor, was außerhalb der Leinwand liegt und abgeschnitten wird.
So erhalten wir eine saubere, aber stilvolle Titelfolie mit einer Überschrift, einer kurzen Beschreibung und Markendesign-Elementen.
Bilder
Das Hinzufügen von Bildern funktioniert auf dieselbe Weise wie in normalem Figma. Legen Sie zum Beispiel ein abstraktes Muster in den Hintergrund, dehnen Sie es so, dass es die Folie ausfüllt, und verringern Sie die Deckkraft, so dass der schwarze Hintergrund durchscheint. Auf diese Weise erscheint das Bild dunkler und fügt sich in das Gesamtthema ein.
Die Bildeinstellungen sind ebenfalls identisch mit denen von Figma:
1
Füllen, Zuschneiden, Einpassen oder Kacheln
2
Überlagerung
3
Unschärfe
Wenn Sie mehrere Bilder auf einer Folie benötigen, können Sie diese manuell anordnen oder eine Vorlage verwenden.
Im Bereich "Ecken" können Sie auch die Ecken des Bildes abrunden.
Interaktive Elemente
Folien können interaktive Funktionen enthalten. Wenn Sie zum Beispiel während Ihrer Präsentation eine Frage stellen und live beantworten möchten, öffnen Sie die Registerkarte "Live-Interaktion" im unteren Menü.
Um das Layout übersichtlich zu halten, sollten Sie die interaktiven Folien nicht mit zu vielen Elementen überfrachten.
In diesem Abschnitt können Sie Folgendes auswählen:
  • Umfrage (lassen Sie das Publikum in Echtzeit abstimmen)
  • Stempel (ermöglichen es den Zuschauern, zu markieren, dass sie eine Folie gesehen haben)
  • Ausrichtung (eine Bewertungsskala zur Darstellung von Umfrageergebnissen)
  • Prototyp (betten Sie jeden interaktiven Prototyp ein, den Sie bereits in Figma erstellt haben)
Fügen Sie der Folie eine Umfrage hinzu und ändern Sie sie in schwarz, um sie an das dunkle Thema anzupassen. Ersetzen Sie dann den Platzhaltertext.
Sie können den Hintergrund der Umfrage transparent machen, indem Sie die Option Hintergrund ausschalten.
Wechseln Sie in den Modus "Prototyp" und stimmen Sie für eine Option ab, um zu sehen, wie sie funktioniert.
Jetzt haben Sie mit den integrierten Werkzeugen von Figma Slides Interaktivität hinzugefügt. Als Nächstes wollen wir nun eine Folie für den Hauptteil Ihrer Präsentation erstellen.
Plugins
Da Sie nun wissen, wie Sie Text und Formen hinzufügen können, können Sie damit experimentieren, weitere Elemente zu Ihrer Folie hinzuzufügen.
Tipp: Eine einfache Möglichkeit, Zwischenüberschriften zu erstellen, besteht darin, Text über orangefarbene runde Rechtecke zu platzieren.
Wählen Sie alle Elemente auf Ihrer Folie aus und öffnen Sie die Registerkarte "Aktionen". Hier finden Sie Plugins und andere verfügbare Werkzeuge. Die Liste wird mit Vorschlägen aktualisiert, wobei in der Regel diejenigen hervorgehoben werden, die am besten zu Ihrer aktuellen Auswahl passen.
Die Tastenkombinationen funktionieren genauso wie in der Standardversion von Figma.
Versuchen Sie, ein Bild über ein Plugin hinzuzufügen.
Die Plugin-Bibliothek funktioniert auf die gleiche Weise wie in Standard-Figma.
40+ Must-Have Figma Plugins für Designer im Jahr 2025
Plugins in Figma ermöglichen es Ihnen, die Funktionalität des Werkzeugs zu erweitern. Hier ist eine handverlesene Auswahl für Designer und gelegentliche Figma-Nutzer.
Wählen Sie aus dem Bereich der Archivfotos ein Bild aus, das zu Ihrem Präsentationsthema passt, und legen Sie es auf Ihrer Folie ab.
Dia-Notizen
Wenn Sie befürchten, wichtige Punkte zu vergessen, sind Foliennotizen Ihr bester Freund. Das Feld für Notizen befindet sich unter der Folie. Fügen Sie alles ein, was Sie sich merken möchten, und öffnen Sie die Präsentation dann im Modus "Präsentieren".
Im Modus "Prototyp" gibt es zwei Möglichkeiten, Folien zu präsentieren:
  • Präsentieren: Das Publikum wird Ihre Notizen nicht sehen
  • Präsentieren + Notizen: Notizen werden während des Vortrags sichtbar sein
Vermögenswerte
Figma Slides hat eine Registerkarte "Assets" mit zwei Hauptbereichen:
  • Andere Werkzeuge: Tabelle, Codeblock und Foliennummer
  • Bibliotheken: Diagramme, Symbole oder Ihre eigene benutzerdefinierte Bibliothek
Wenn Sie in Ihrer Präsentation Symbole verwenden, bleiben Sie bei einem einzigen Satz. Das Mischen von gefüllten und umrandeten Symbolen auf Folien führt zu einem Bruch des visuellen Stils.
Erstellen Sie eine vierte Folie und fügen Sie ihr eine Foliennummer hinzu.
Fügen Sie eine Folienüberschrift mit dem Stil "Überschrift 1" hinzu und fügen Sie dann ein Element aus der Assets-Bibliothek ein.
Jetzt haben Sie vier einfache Folien erstellt, die Sie vielleicht verwundern: "Wo sind all die coolen Effekte wie in PowerPoint, mit Text und Bildern, die einfliegen?"
Animationseffekte und Übergänge in Figma-Folien
Sie können einzelne Elemente oder ganze Folien animieren. Dies hilft Ihnen, die Aufmerksamkeit auf wichtige Punkte zu lenken oder Ihr Publikum wieder zu fesseln, wenn es den Blick abschweifen lässt.
Die Animationseinstellungen befinden sich auf der Registerkarte "Animieren". Hier können Sie:
  • Einstellen eines Folienübergangs (wie eine Folie zur nächsten wechselt)
  • Objektanimationen hinzufügen (Animationen für bestimmte Elemente)
Animationen sind standardmäßig deaktiviert.
Gehen wir zurück zur ersten Folie und versuchen Sie, einen Übergang zu setzen. Wählen Sie Intelligente Animation und erkunden Sie die Optionen:
  • Stil (die Art der Animation)
  • Kurve (wie die Bewegung beschleunigt oder verlangsamt wird)
  • Dauer (wie lange die Animation dauert)
  • Timing (ob es automatisch mit einer Verzögerung oder auf Klick läuft)
Wenn Sie sich nicht sicher sind, welchen Stil Sie wählen sollen, bleiben Sie bei Smart animate.
Belassen Sie die Standardeinstellungen, wechseln Sie in den Modus "Präsentation" und sehen Sie sich die Anwendung an.
Um das Aussehen einer Form zu animieren, wählen Sie das Objekt aus und fügen Sie ihm eine Animation hinzu.
Wenn Sie einen Kreis langsamer erscheinen lassen möchten, setzen Sie seine Dauer auf 900 ms.
Zur Vorschau rufen Sie den Modus "Präsentation" auf und klicken auf eine beliebige Stelle des Bildschirms.
Sie haben das Tool erkundet und können nun einen Blick auf die verfügbaren Vorlagen und die Zwecke werfen, für die sie am besten geeignet sind.
Präsentationsvorlagen
Vorlagen sparen Zeit, da sie Ihnen gebrauchsfertige Folien liefern, die Sie an Ihre Bedürfnisse anpassen können. Aus diesem Grund haben wir Figma Slides zuerst erforscht - damit Sie Vorlagen getrost anpassen können, ohne sich Sorgen zu machen, dass sie "kaputtgehen".
Portfolio-Präsentation. Perfekt, um sich und Ihre Arbeit vorzustellen. Mit einer Portfoliopräsentation können Sie sich bei einem potenziellen Arbeitgeber von der Masse abheben.
Eine Portfolio-Vorlage lässt Sie:
  • Ihre Fähigkeiten hervorheben
  • Leistungsmetriken anzeigen
  • Fallstudien präsentieren
  • Zeigen Sie Ihre Arbeit in Mockups
  • Teilen Sie Ihren beruflichen Werdegang
Vorlagen für Portfolio-Präsentationen.
Produktpräsentation. Ideal, um ein neues Produkt oder eine neue Dienstleistung vorzustellen. Zum Beispiel, wenn Sie ein Projekt abgeschlossen, Daten gesammelt und Visualisierungen für ein Kundengespräch vorbereitet haben.
Eine Produktvorlage lässt Sie:
  • Hervorhebung von Schlüsselkennzahlen
  • Präsentieren Sie Ihre Produktprinzipien
  • Ein aussagekräftiges Zitat
  • Zeigen Sie Ihre Produktoberfläche geräteübergreifend
  • Austausch von Forschungs- oder Umfrageergebnissen
Vorlagen für die Produktpräsentation.
Präsentation von Forschungsergebnissen. Ideal für die Präsentation von Ergebnissen, Erkenntnissen und analysierten Statistiken aus einem Forschungsprojekt oder einer Umfrage. Anstatt ein reines Textdokument zu versenden, können Sie Ihre Daten mit eleganten, gut strukturierten Folien viel eindrucksvoller präsentieren.
Eine Vorlage für Forschungsergebnisse lässt Sie:
  • Einführung in die untersuchten Merkmale
  • Zeigen Sie eine vergleichende Analyse
  • Hervorhebung der wichtigsten Funktionen
Vorlagen für Forschungspräsentationen.
Präsentation der Marketingstrategie. Am besten geeignet, um große Pläne in einer ausgefeilten Art und Weise darzustellen. Zum Beispiel durch die Präsentation von Markt- oder Konkurrenzforschung, eines Inhaltsplans und langfristiger Unternehmensziele.
Eine Vorlage für eine Marketingstrategie lässt Sie:
  • Zu erreichende Zielzahlen anzeigen
  • Präsentation der Ergebnisse der Zielgruppensegmentforschung
  • Definieren Sie Ihr ideales Kundenprofil
  • Umfrageergebnisse teilen
Vorlagen für die Präsentation von Marketingstrategien.
Vorlagen sind praktisch und cool, aber wie kann man sie im wirklichen Leben verwenden?
Personalisieren einer Vorlagen-Folie
Nehmen wir als Beispiel eine Folie aus der Vorlage für Forschungsergebnisse.
Wenn Sie sich in Sachen Design nicht sicher sind, sollten Sie drastische Änderungen am Layout vermeiden und die Gesamtkomposition beibehalten.
Hier ist eine einfache Anpassungsmöglichkeit:
  • Fügen Sie den Namen Ihres Teams und das aktuelle Datum in den unteren Ecken ein
  • Fügen Sie eine kurze Beschreibung auf der linken Seite hinzu, zusammen mit einem Link zu detaillierten Ergebnissen
Um einen Hyperlink einzufügen, markieren Sie den Text und drücken Sie Strg/Befehl+Umschalt+U.
Geben Sie dann weitere Details ein:
  • Addieren Sie den entsprechenden Prozentwert
  • Fügen Sie eine kurze Beschriftung hinzu, um zu erklären, wofür die Zahl steht.
Wenn der Text unter der Prozentangabe nicht passt, passen Sie die Schriftgröße in den Einstellungen an
Lassen Sie uns nun mit Größenakzenten auf der Folie experimentieren:
1
Entfernen Sie das Etikett über der Prozentangabe
2
Vergrößern Sie die Nummer
3
Verkleinern Sie die Schriftgröße für die Beschriftung unterhalb der Prozentangabe
4
Entfernen Sie den Link
Auf diese Weise ersetzen Sie den Standardinhalt durch Ihren eigenen - aber Sie können noch weiter gehen und Farben, Schriftarten, Layout usw. anpassen. Wechseln Sie dazu in den "Designer"-Modus, aber denken Sie daran, dass dies tiefere Kenntnisse von Figma erfordert.
Wenn Sie Figma nicht für die Erstellung von Präsentationen verwenden möchten, gibt es alternative Möglichkeiten. Auf Tilda können Sie jede Seite in eine Online-Präsentation verwandeln, indem Sie einen speziellen Block-T203 aus der Kategorie "Sonstige" hinzufügen. Diese Funktion passt Ihre Seite für die Vollbildansicht an und ermöglicht es Ihnen, durch die einzelnen Bildschirme wie durch Folien zu klicken. Auf diese Weise können Sie alles an einem Ort verwalten und müssen keine Dateien mehr exportieren oder zwischen verschiedenen Tools wechseln.

Wenn Ihnen der Artikel gefallen hat, teilen Sie ihn mit Ihren Freunden. Vielen Dank dafür!

Lesen Sie auch:
Kostenloses Kursbuch über das Entwerfen, Einrichten und Betreiben von
Landing Pages mit hoher Konversionsrate
Mehr erfahren

Kostenloser praktischer Leitfaden für Webanimation mit Beispielen und Techniken,

und Tipps zu ihrer Verwendung

Erkunden Sie