Wenn Sie eine stilisierte Präsentation erstellen, aber keine überstrapazierten Vorlagen von verwenden möchten PowerPoint, Google Slides oder Canva, Sie können Ihre eigenen Master-Vorlagen für Ihre Zukunft erstellen Präsentationsdesigns.

Dies ist eine großartige Option für diejenigen, die thematische Präsentationsdesigns wünschen oder einem Marken-Styleguide folgen müssen. Lesen Sie weiter, um herauszufinden, wie Sie mit Figma Master-Vorlagen für Ihre Präsentationen erstellen können.

1. So richten Sie ein Figma-Dokument für Präsentationen ein

Melden Sie sich für ein kostenloses Konto an Figma.com, oder wenn Sie bereits ein Konto haben, melden Sie sich an. Sie können Figma direkt in Ihrem Browser verwenden, oder Sie können Laden Sie die Desktop-App herunter.

Öffne ein Neue Designdatei, dann klick Ohne Titel oben, um Ihre Datei umzubenennen, z. B. „Presentation Master Template“. Klicken Sie links Seite 1, dann ist die Pluszeichen um eine neue Seite hinzuzufügen. Benennen Sie die neue Seite in „Vorlage“ um. Auf diese Weise können Sie Ihre Master-Folien später von Ihren Design-Folien trennen.

instagram viewer

Um einen Rahmen zu erstellen – Figmas Name für eine Zeichenfläche oder Leinwand – verwenden Sie die Rahmenwerkzeug (F), klicken Sie dann auf eine beliebige Stelle, um einen Rahmen zu öffnen. Ändern Sie in den rechten Einstellungen die W und H Attribute zu einer geeigneten Präsentationsgröße; Wir verwenden 1920 x 1080, was die Standardbildschirmgröße ist. Dies wird Ihre erste Master-Vorlage sein.

Doppelklicken Sie auf den blauen Titel oben im Rahmen, um ihn umzubenennen. Denken Sie über das Seitenlayout nach, das Sie planen, und benennen Sie es entsprechend – beispielsweise „Oberer Titel zweispaltig“ oder „Oberer Titel rechtes Bild“ wäre hilfreich.

2. Entwerfen Sie die Präsentationslayouts

Zur Unterstützung der Layoutgestaltung können Sie das Layoutraster verwenden. Um es zu aktivieren, wählen Sie Ihren Rahmen aus und klicken Sie dann in der rechten Symbolleiste auf Pluszeichen neben Layoutraster. Dadurch wird ein rotes durchscheinendes Gitter über Ihrem Design geöffnet.

Um Spalten zu erstellen, die einfacher zu entwerfen sind, klicken Sie auf quadratisch gepunktetes Gittersymbol unter Layoutraster, und klicken Sie dann auf Netz in der Dropdown-Liste und wählen Sie aus Säulen. Stellen Sie die Anzahl auf 12 ein, was typisch für das Bildschirmdesign ist. Das Raster wird nicht in Ihrem endgültigen Design gespeichert. Sie können es mit vorübergehend ein- oder ausschalten Augensymbol oder dauerhaft entfernen, indem Sie auf klicken Minus-Symbol neben dem Auge.

Unabhängig davon, ob Sie das Layoutraster verwenden oder nicht, können Sie damit beginnen, grundlegende Platzhalterkomponenten zu Ihrem ersten Folienlayout hinzuzufügen. Insgesamt ist das Layout Ihrer Folien Ihnen überlassen.

3. Erstellen Sie ein zweispaltiges Textlayout

Beginnen wir mit der Gestaltung eines Top-Titels mit einer zweispaltigen Fließtextfolie. Um Ihren Titelplatzhalter hinzuzufügen, verwenden Sie die Textwerkzeug (T) und geben Sie „Titelplatzhalter“ ein. Die Standardtextgröße in Figma ist ziemlich klein, also markieren Sie Ihren Platzhalter mit der Eingabe und verwenden Sie die Einstellungen auf der rechten Seite, um die Größe zu erhöhen und eine Schriftart auszuwählen.Laden Sie bei Bedarf eine Schriftart herunter. Sie können auch Kerning und andere Attribute festlegen.

Um die Breite der Folie anzupassen, vergrößern Sie die Breite des Titeltextfelds, indem Sie auf die Ecke klicken und sie nach rechts ziehen. Lassen Sie auf jeder Seite einen Rand. Das bedeutet, dass das Textfeld in zukünftigen Präsentationen unterschiedliche Titellängen aufnehmen kann.

Um einen zweispaltigen Haupttextbereich hinzuzufügen, verwenden Sie die Textwerkzeug (T) und ziehen Sie das Textfeld entsprechend Ihres Layoutrasters, sodass daneben genügend Platz für eine zweite Spalte gleicher Größe bleibt.

Wählen Sie mit Ihrem Textfeld eine geeignete Schriftart und -größe aus. Wählen Sie das Textfeld aus und duplizieren Sie es, indem Sie es gedrückt halten Öption (Mac) bzw Alt (Windows), während Sie das Feld ziehen. Dadurch entsteht ein zweispaltiges Layout; Sie können dieses System jedoch verwenden, um andere Arten von Layouts zu entwerfen.

4. Fügen Sie eine Hintergrundfarbe oder ein Bild hinzu

Sie können eine Hintergrundfarbe festlegen, indem Sie den Rahmen auswählen und zu gehen Füllen im Menü auf der rechten Seite, um eine Farbe auszuwählen. Aber wenn Sie lieber ein Bild oder eine Reihe von Bildern als Hintergrund verwenden möchten, können Sie das tun. Ziehen Sie einfach Ihr Hintergrundbild aus einem Ordner auf Ihren Rahmen. Sie können die Größe sofort ändern, indem Sie die Ecken ziehen, um sie an Ihren Rahmen anzupassen.

Bei Verwendung eines Bild als Hintergrund, stellen Sie sicher, dass Sie das Bild so anordnen, dass es sich für jede Folie am hinteren oder unteren Rand der Ebenen befindet, indem Sie mit der rechten Maustaste klicken und auswählen Nach hinten senden, oder indem Sie es in der linken Ebenenpalette nach unten ziehen.

Um das Bild weiter zu bearbeiten, unter Füllen, klicken Bild in der Dropdown-Liste. Sie können den Mischmodus, den Zuschneidefaktor und andere Aspekte ändern. Um die Deckkraft zu ändern, ändern Sie den Prozentsatz neben dem Dropdown-Menü.

Verwenden Sie für ein einzelnes Bild, das kein Hintergrund ist, die Rahmenwerkzeug (F), um einen Rahmen zu zeichnen, an dem das Bild platziert werden soll, und ziehen Sie die Datei von Ihrem Computer in den Rahmen. Dann können Sie die gleichen Einstellungen wie zuvor verwenden.

5. So erstellen Sie Textstile in Figma

Beim Erstellen einer Mastervorlage sollten die Textstile auf allen Folien konsistent sein. Dies kann manuell erfolgen, indem alle Textkomponenten gleich eingestellt werden, aber wenn Sie viele Folien haben, kann dies mühsam sein. Die guten Nachrichten? Sie können Ihre Textstile in Figma automatisieren.

Klicken Sie bei ausgewähltem Text – beispielsweise einem Untertitel in seinem bevorzugten Stil, seiner Schriftart und Größe – auf Quadrat aus vier Punkten neben Text im Menü rechts. Drücke den Pluszeichen einen neuen Stil zu setzen.

Benennen Sie im Popup den Stil, z. B. „Folientitel oder Fließtext“. Beim Entwerfen anderer Folien in dieser Vorlage können Sie den aufgelisteten Stil im Textmenü auswählen, indem Sie den Text auswählen und den Stil auswählen. Um die Verknüpfung des Stils aufzuheben und die Funktion zu überschreiben, klicken Sie auf Symbol für defekten Link das erscheint, wenn man mit der Maus über den Titel des Textstils fährt.

Ähnlich verhält es sich mit Farben. Wählen Sie etwas mit der gewünschten Farbe aus, klicken Sie dann auf die Figma-Menüschaltfläche und Schnelle Aktionen. Geben Sie „Alle mit derselben Füllung auswählen“ ein und es wird alles mit derselben Farbe ausgewählt. Dann kannst du das als Farbstil unter einstellen Füllen Menü auf die gleiche Weise wie beim Erstellen eines Textstils. Dies funktioniert gut für Hintergrundfarben, indem Sie einfach den Rahmen und Ihre Farbe auswählen.

Wenn Sie nicht bereits einem Styleguide folgen, gibt es viele Möglichkeiten zum Erstellen von Farbpaletten.

6. Komponenten erstellen

Um Ihre Vorlagen später verwenden zu können, müssen sie Komponenten sein, also verlinken. Um den Rahmen in eine Komponente umzuwandeln, wählen Sie den aktuellen Rahmen aus und klicken Sie Bef + Möglichkeit + K (Mac) bzw Strg + Alt + K (Windows).

Der Titel des Frames ändert sich von Blau zu Lila mit einem Rautensymbol, um anzuzeigen, dass es sich jetzt um eine Komponente handelt. Klicken Sie dann, um den Rahmen zu duplizieren Bef + D (Mac) bzw Strg + D (Windows) einmal und ziehen Sie den neuen Rahmen rechts neben den ersten.

Trennen Sie die Komponente des Duplikats vom Original, indem Sie mit der rechten Maustaste auf den Titel des neuen Frames klicken und auswählen Instanz trennen. Benennen Sie die neue Folie mit einem passenden Titel für ihr Layout um. Fügen Sie das neue Design der Folie hinzu und machen Sie es dann durch Klicken zu einer eigenen Komponente Bef + Möglichkeit + K (Mac) bzw Strg + Alt + K (Windows). Dieser Vorgang muss jedes Mal durchgeführt werden, wenn Sie eine neue Folie erstellen.

Verwenden Sie beim Entwerfen des Layouts für jede neue Folie Ihre vorgefertigten Text- und Farbstile, um Zeit zu sparen. Schließen Sie diesen Vorgang mit so vielen Basisfolien ab, wie Sie benötigen, und stellen Sie sicher, dass alle mit aussagekräftigen Namen betitelt sind.

7. So verwenden Sie Ihre Master-Folien

Um die Folien für Ihre zukünftigen Designs zu verwenden, wählen Sie Seite 1 in dem Seiten Menü – mit Ihrer Vorlage unter einem eigenen Titel – und erstellen Sie einen neuen Rahmen in Präsentationsgröße. Klicken Sie dann auf der linken Seite Assets > Lokale Komponenten wo Ihre Vorlagenfolien sein sollten. Ziehen Sie die Vorlagenfolien auf Ihren neuen Rahmen und zentrieren Sie ihn. Bearbeiten Sie die Platzhalter für Ihre Inhalte.

Gehen Sie genauso vor, bis Ihre Präsentation abgeschlossen ist.

Sparen Sie Zeit, indem Sie Ihre eigenen Master-Vorlagen in Figma erstellen

Sie können Ihre Master-Vorlage Teamkollegen oder Kollegen zur Verfügung stellen, sie für Ihren persönlichen Gebrauch behalten oder sie sogar als Designpakete verkaufen. Während es anfangs entmutigend erscheinen mag, eine Folienmastervorlage zu erstellen, wird es die Produktivität steigern, wenn Sie zukünftige Präsentationen in Figma erstellen, und letztendlich Zeit sparen.

Die 10 besten Figma-Funktionen, die alle Designer verwenden sollten

Lesen Sie weiter

TeilenTwitternTeilenEmail

Verwandte Themen

  • Kreativ
  • Produktivität
  • Präsentationen
  • Design

Über den Autor

Ruby Helyer (34 veröffentlichte Artikel)

Ruby ist Autorin in der Kreativkategorie von MUO und konzentriert sich auf das Schreiben über Designsoftware. Nachdem sie als Designerin, Illustratorin und Fotografin gearbeitet hat, hat Ruby auch einen BA in grafischer Kommunikation und einen MA in Englisch mit kreativem Schreiben.

Mehr von Ruby Helyer

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um sich anzumelden