Geschrieben von

Daphne

am

29.10.2024

Figma Slides 2.0

Meine Motivation ist von đŸ˜±đŸ˜†đŸ™ŒđŸ» auf đŸ„±đŸ˜ŽđŸ«Ł geschrumpft.

Lorena, unsere Marketingleaderin (und meine Cousine) hat gesagt, ich soll jetzt endlich an meinem Blog-Artikel ĂŒber Figma Slide schreiben, den ich den Leser:innen versprochen habe.

Aber ganz ehrlich, ich habe mich etwas schwergetan und war nicht wirklich motiviert meine Finger in die Tasten zu hauen. Weil Lorena aber ziemlich fordernd sein kann, habe ich mich nun daran gesetzt.

Es ist jetzt acht Wochen her, seit ich zum ersten Mal meine Gedanken ĂŒber Figma Slides mit euch geteilt habe. Meine Motivation war riesig. Diejenigen, die mich kennen, wissen, dass ich neuen Themen mit Leidenschaft begegne. Das ist eigentlich bei 99% der Dinge so.

Die acht Wochen haben mir aber erneut Zeit gegeben, mich intensiver mit Figma Slides auseinander zu setzten. Meine Motivation ist in den Wochen von so đŸ˜±đŸ˜†đŸ™ŒđŸ» auf so đŸ„±đŸ˜ŽđŸ«Ł geschrumpft. Okay, das mag vielleicht ein hartes Urteil sein. Sorry Figma. Aber gehen wir es doch Schritt fĂŒr Schritt durch.

Wie im letzten Blogartikel erwĂ€hnt, können Masterfolien nur durch die Abonnenten erstellt werden, die ein Organisation- oder Enterprise Abo bei Figma haben. Ein essenzielles Feature fĂŒr ein Tool, das nur fĂŒr diejenigen zugĂ€nglich ist, die mehr fĂŒr Figma zahlen. Das macht keinen Sinn. Aber ich habe eine Lösung fĂŒr euch vorbereitet, mit der ihr eure Figma Slides trotzdem verwenden und eure PrĂ€sentationen rocken könnt.

‍

Und so gehts
Schritt fĂŒr Schritt Anleitung
  1. Als Erstes erstellst du ein neues Figma File, dass du z.B mit Vorlagen Figma Slides benennen kannst.
  1. Dieses File sollte mit deinem Design System verbunden sein, damit du auf deine Schriften, Farben und andere Elemente zugreifen kannst.
  2. Erstelle ein Frame im Format 16:9 (1920x1080px)

Bevor wir mit Schritt 4 weitermachen, zeige ich euch anhand eines Beispiels, wie viu die Vorlagen aufgebaut hat.

Die Komponente beinhaltet:

  • Verschiedene Hintergrundfarben
  • Verschiedene Headline Grössen (fĂŒr diejenigen, die mal mehr oder weniger schreiben wollen)
  • Überschriften
  1. Hast du deine erste Vorlage als Komponente erstellt? Publishe deine Library.
  2. Eröffne ein Figma Slide

‍

  1. WÀhle "Start from scratch" aus. (Besitzt du ein Organisation- oder Entreprise Abo, dann wÀren deine Masterfolien in diesem Pop up Fenster zu sehen. Aber das haben wir ja nicht, sonst wÀren wir nicht hier.)
  1. Fast bist du bereit. Klick auf das Plus Icon und wÀhle: "Add your own"
  2. Such im Suchfeld nach dem Namen deiner Library und fĂŒge sie zum File hinzu.
  1. Los gehts: Ziehe deine Vorlagen in die PrÀsentation.

GlĂŒckwunsch! Du bist bereit, deine eigene PrĂ€sentation zu erstellen.

‍

Tipps

FĂŒr mehr Ordnung in deinen Vorlagen empfehle ich eine Nummerierung der Komponenten. Wenn du sie nicht nummerierst, werden sie alphabetisch angezeigt. Du kannst auch Prototypen aus anderen Files in deinen Figma Slides zeigen. Aber aufgepasst: Beim PrĂ€sentieren werden die Prototypen immer neu geladen. Dann kann zu echt unangenehmen Wartezeiten fĂŒhren. Wer keine 10 Sekunden in peinlichem Schweigen vor einem Kunden stehen will, der sollte doch lieber ein paar Mockup Vorlagen erstellen. Denn zumindest fĂŒr mich fĂŒhlen sich die 10 Sekunden eher wie 10 Jahre an.

‍

Fazit

- Man kann auch ohne Abo-Upgrade in Figma Slides erstellen.

- Das Darstellen eines Prototyps in Figma Slides erzeugt eine unangenehme Wartezeit.

- Figma Slides ist im Grunde nicht anderes als Power-Point mit Auto-Layout Funktion.

No items found.

Lass uns darĂŒber sprechen.

Dirk Fliescher

Head of Sales und Marketing

Jetzt kontaktieren

Marcel Bieri

Head of Creative

Jetzt kontaktieren

Marcel Bieri

Head of Creative

Termin buchen

6 Mins Read

17.10.2024

Die besten Tipps: So organisieren Designer ihre Figma-Projekte

Mehr lesen

Ich denke, die Daphne von vor 3 Jahren hĂ€tte gerne die Tipps und Tricks fĂŒr das Figma Design System gewusst, die ich heute kenne.

Aber hey, wie sagt man so schön: Learning by doing! Damit du nicht so viele "doings" auf deinem Firgma Weg hast, gibt es hier ein paar Tricks aus meinem Figma NÀhkÀstchen, die ich gerne mit dir teilen möchte.

‍

Tipp Nr. 1: Kapitel

Arbeitest du auch an verschiedenen Produkten und diversen User Journeys? Egal, ob du fĂŒr Kunden arbeitest oder deine eigenen Projekte vorantreibst. Sobald du mehr als 20 Screens auf deiner Page hast, dauert es nicht mehr lange, bis das Chaos da ist. Wie in jedem guten Buch gibt es Kapitel, die dich darauf hinweisen, wo du dich befindest. Das gleiche kannst du auch in Figma fĂŒr deine Projekte machen.

Kapitel-Elemente helfen dir und deinem Team zu verstehen, welche Screens sich unter diesem Kapitel befinden. Das Kapitel-Element kann verschiedene AusprÀgungen vorweisen. Hier sind die, die ich hÀufig anwende.

‍

  1. Farbcode = Jede Farbe steht fĂŒr ein Projekt.
  2. Logo= So wissen andere Teams, von wem die Figma Files kommen.
  3. Label= Name des Projektes
  4. Titel= FĂŒr die richtigen Namen
  5. Text= FĂŒr mehr Informationen
  6. Tags=Optional, wenn du mehr Infos zum Status der Screens vermitteln möchtest.

‍

Tipp Nr. 2: Archiv

Es kann sein, dass genau in der heissen Phase eines Projekts dein Figma-File-Speicher voll ist. Figma weist dich dann darauf hin, dass du zu viele Daten in deinem File hast und bald nichts mehr geht. Was tun wir jetzt? Alle Screens löschen, die ich nicht brauche? Auf gar keinen Fall!

Ich habe das auf die harte Tour gelernt und möchte euch dieses Erlebnis ersparen. Löscht nie eure Screens im Figma! Wie heisst es so schön? “One man’s trash, is another man’s treasure“.‹Erstelle daher im Figma ein separates File, das du Archiv nennst. Benenne das Archiv-Filenach deinem Inhalt. So weisst du immer, was du im Archiv finden wirst.

Hier ein Beispiel:

Erneuerst du diverse UI-Komponenten im Design System? Dann bennene dein Archiv-File so: "Archive Design System 1.0". Ein Datum sollte auch nicht fehlen. Es kann sein, dass du im nÀchsten Jahr ein Design System 2.0 brauchst.

Im Figma File selbst, ĂŒberlasse ich dir die Struktur. Hier gibt es kein Richtig oder Falsch: die Struktur kann so individuell sein wie deine Projekte. Wenn du ein Archiv-Nerd bist, (so wie ich) kannst du mehrere Archiv Files erstellen. Das macht besonders Sinn, wenn du im Archiv zwischen Design-Systemen und Produkt-Releases unterscheiden möchtest.

‍

Tipp Nr. 3: Cover

Sei kreativ, wenn es um die Figma-Cover geht. Denn es macht zu einem gewissen Punkt sehr viel Sinn, die Covers nach Themen, Farben oder bestimmten Strukturen zu gestalten.

Hier ein Beispiel, wie wir bei viu unsere Figma-Covers farblich strukturieren:

  1. Projekte fĂŒr viu sind rot
  2. Kundenprojekte sind blau
  3. FigJam sind hellgrau
  4. Archive sind dunkelgrau

‍

Covers können auch inhaltliche Informationen liefern. So weiss jeder, was sich in deinem Figma File befindet. Hier eine Auflistung an möglicher Infos:

  1. Label: Perfekt fĂŒr Kundennamen
  2. Titel: Hier sollte dein Projektname stehen, z.b (Website Refresh oder New App Feature)
  3. Logo: Stell dir vor, externe Teams greifen auf deine Figma-Files zu. In dieser SItuation ist es immer gut, wissen zu lassen, wer dieses File erstellt hat. Deine Arbeitgebr oder deine eigene Firma.
  4. Datum: Perfekt fĂŒr Archiv-Covers. Um hier noch mehr Ordnung reinzubringen.
  5. Tags: Ist dann effektiv, wenn du andere wissen lassen willst, was das File kann. Was dieses FigJam File ein Workshop oder ein internes Learning? Weis das Design System Micro Animationen auf? Ist es responsiv? All das kannst du mit Tags auslösen.

‍

Möchtest du noch mehr Tipps und Tricks von mir lesen? Keine Sorge! Ich habe noch ein paar in meinem Figma NÀhkÀstchen, die ich bald mit dir teilen werde.

‍

6 Mins Read

22.8.2024

Figma Slides: Eine Revolution in der PrÀsentationsgestaltung mit EinschrÀnkungen

Mehr lesen

26. Juni 2024, ConFig Event - Figma stellt ein neues Feature vor, das sofort fĂŒr grosses Aufsehen sorgt: Figma Slides.

Figma Slides ist das erste PrĂ€sentationstool, das speziell fĂŒr Designer:innen entwickelt wurde. Es setzt neue MassstĂ€be, indem es weit ĂŒber herkömmliche PrĂ€sentationstools hinausgeht. Mit innovativen Features wie Live-Umfragen, Abstimmungs-Skalen und interaktiven Abstimmungen hebt sich Figma Slides deutlich von traditionellen Tools wie PowerPoint ab. Besonders beeindruckend: Die Möglichkeit, Live-Prototypen in PrĂ€sentationen einzubetten, um die InteraktivitĂ€t und Dynamik von Designs nahtlos zu teilen. Kurz gesagt: Figma Slides ist lebendig, innovativ und genau das, was Desiger:innen brauchen, um ihre Ideen perfekt in Szene zu setzen.


FunktionsĂŒbersicht: Was bietet Figma Slides?

Figma Slides punktet mit einigen einzigartigen Funktionen, die perfekt auf die BedĂŒrfnisse von Designteams abgestimmt sind:

Live-Umfragen und Abstimmungs-Skalen: Hol dir in Echtzeit Feedback vom Publikum – ideal fĂŒr interaktive Workshops und dynamische Team-Meetings.

Rasteransicht: Behalte den Überblick ĂŒber deine gesamte PrĂ€sentation. Mit der Vogelperspektive kannst du Folienabschnitte gruppieren, verschieben und die Struktur deiner PrĂ€sentation mĂŒhelos organisieren.

Komponenten und Auto-Layouts: Kein nerviges Feintuning. Auch wenn es nichts Neues ist, dynamische Layout-Anpassung ist und bleibt ein Gamechanger: Im Gegensatz zu Powerpoint bleiben dank der Auto-Layouts Überschriften, Textboxen und andere Elemente an Ort und Stelle, unabhĂ€ngig davon, wie viel Text oder Inhalt hinzugefĂŒgt wird. So erstellst du im Handumdrehen konsistente und professionell aussehende PrĂ€sentationen.

Aber Figma Slides hat auch ein paar SchwĂ€chen: Der PDF-Export hinkt im Vergleich zu PowerPoint noch hinterher. WĂ€hrend PowerPoint einen reibungslosen Export bietet, musst du bei Figma Slides noch manuell Handarbeit leisten, um alle Folien in einem einzigen PDF zu bĂŒndeln.

 

Die Kontroverse: Masterfolien hinter einer Paywall

Trotz der beeindruckenden Funktionen und dem grossen Potenzial von Figma Slides gibt es eine entscheidende EinschrĂ€nkung, die in der Community fĂŒr Unmut sorgt: Die Möglichkeit, Masterfolien zu erstellen, ist aktuell nur fĂŒr Organisationen und Enterprise-Kunden, mit entsprechendem teurerem Abo, zugĂ€nglich. Diese Entscheidung hat eine hitzige Debatte ausgelöst.

Viele Nutzer:innen Àussern sich kritisch:

"Es ist eine grundlegende Funktion in jeder PrÀsentationssoftware, die sogar bei kostenlosen Tools vorhanden ist."

"FĂŒr Agenturen und kleinere Unternehmen ist die Upgrade-Kostenstruktur einfach nicht gerechtfertigt."

Ich teile diese Meinungen. Figma Slides hat enormes Potenzial. Die EinschrÀnkung eines solch grundlegenden Features lÀsst aber viele, insbesondere kleine Unternehmen und Agenturen, daran zweifeln, ob sich der Mehrwert wirklich lohnt.

 

Empfehlungen fĂŒr Nutzer: FĂŒr wen lohnt sich Figma Slides?

Figma Slides kann besonders fĂŒr kleine bis mittelgrosse Unternehmen sowie Agenturen ein echter Gamechanger sein. Wenn du regelmĂ€ssig bei Kunden prĂ€sentierst und ein Tool suchst, das nahtlos in deinen Designprozess integriert ist, könnte Figma Slides eine spannende Investition sein. Der grosse Vorteil? Du arbeitest direkt in Figma, musst nicht mehr zwischen verschiedenen Programmen wechseln und sparst dir Zeit und Nerven.

ABER Achtung: Die Kosten und der potenzielle Mehraufwand dĂŒrfen nicht unterschĂ€tzt werden. Wenn dein Team bisher nicht mit Figma arbeitet, kommen zusĂ€tzliche Lizenzkosten auf dich zu, die ins Geld gehen können. Zudem kann es sinnvoll sein, bei etablierten Tools wie PowerPoint zu bleiben, wenn diese bereits gut integriert sind und den Anforderungen deines Unternehmens entsprechen.

Insgesamt bietet Figma Slides viele coole Features, aber bevor du komplett umsteigst, solltest du genau abwĂ€gen, ob es fĂŒr die BedĂŒrfnisse deines Unternehmens wirklich der richtige Schritt ist. Keine Sorge, du hast Zeit. Bis 2025 steht die Beta-Version allen gratis zur VerfĂŒgung.

 

Figma Slides – Vielversprechend, aber mit Luft nach oben‍

Figma Slides ist definitiv ein spannendes neues Tool, das besonders Designer:innen begeistern dĂŒrfte. Mit innovativen Funktionen wie dynamischen Auto-Layouts und der Möglichkeit, interaktive Inhalte einzubetten, hebt sich Figma Slides von altbekannten PrĂ€sentationstools ab.

Doch es gibt auch Schwachstellen: Die EinschrĂ€nkung von Masterfolien und die noch ausbaufĂ€higen Exportfunktionen sind klare Minuspunkte. Gerade fĂŒr kleinere Unternehmen und Agenturen könnte dies ein entscheidender Nachteil sein.

Insgesamt hat Figma Slides das Potenzial, sich als Top-PrĂ€sentationstool zu etablieren. Es bleibt abzuwarten, ob Figma auf das Feedback der Community eingeht und die Funktionen auch fĂŒr kleinere Abonnement-PlĂ€ne zugĂ€nglich macht. Bis dahin sollten sich Nutzer:innen genau ĂŒberlegen, ob Figma Slides wirklich das richtige Tool fĂŒr sie ist.

‍

Neugierig auf mehr?
Im nÀchsten Artikel zeige ich dir Workarounds, mit denen du auch ohne teure Abonnement-PlÀne das Beste aus Figma Slides herausholen kannst. Wir erkunden alternative Strategien und Tipps, wie du die EinschrÀnkungen geschickt umgehst und trotzdem effizient mit Figma Slides arbeiten kannst. Bleib dran!

‍

6 Mins Read

12.12.2023

Design Systeme: Die Meisterklasse im Visual Design

Mehr lesen

Die Kunst des Visual Designs erreicht mit der EinfĂŒhrung von Design Systemen ein neues Level. Hier sind einige bahnbrechende Ergebnisse, die du durch unsere Dienstleistungen erwarten kannst:

‍

Konsistenz und MarkenidentitÀt

Design Systeme schaffen eine kohĂ€rente und einheitliche Ästhetik ĂŒber alle Plattformen hinweg. Unsere Visual-Design-Experten entwickeln Systeme, die die MarkenidentitĂ€t stĂ€rken und ein durchgĂ€ngiges Erlebnis fĂŒr deine Zielgruppe bieten.

‍

Effizienz im Designprozess

Durch die Implementierung von Design Systemen beschleunigen wir den Designprozess erheblich. Das bedeutet nicht nur schnellere MarkteinfĂŒhrungen, sondern auch effizientere Anpassungen und Aktualisierungen im Laufe der Zeit.

‍

FlexibilitĂ€t fĂŒr zukĂŒnftiges Wachstum

Unsere Visual-Design-Experten denken voraus. Die entwickelten Design Systeme sind flexibel und skalierbar, um zukĂŒnftige Entwicklungen und Erweiterungen nahtlos zu integrieren.

‍

Bessere Zusammenarbeit im Team

Ein gut konzipiertes Design System fördert die Zusammenarbeit im Team, indem es klare Richtlinien fĂŒr Designelemente und Interaktionen bietet. Das Ergebnis? Ein harmonisches Miteinander, das die kreativen KrĂ€fte freisetzt.

‍

Barrierefreies Design

Unser Ansatz integriert barrierefreies Design von Anfang an. Design Systeme werden so gestaltet, dass sie ein inklusives Erlebnis fĂŒr alle Benutzer schaffen, unabhĂ€ngig von ihren BedĂŒrfnissen und FĂ€higkeiten.

‍

Tauche ein in die Zukunft des visuellen Designs mit unseren maßgeschneiderten Design Systemen. Lass uns gemeinsam die Ästhetik deiner Marke auf das nĂ€chste Level heben und dabei die Effizienz steigern. Deine visuelle Revolution beginnt jetzt!