Jak utworzyć prezentację w programie Figma Slides

Praktyczny przewodnik po Figma Slides - nowoczesnej alternatywie dla PowerPoint i Keynote

27 sierpnia 2025 r.
15 min
Przykłady gotowych slajdów w Figma Slides: Kolory, czcionki, tekst, zdjęcia i wszelkie inne elementy można łatwo dostosować do własnych potrzeb.
Zawartość:
Czym jest Figma Slides?
Figma Slides to dodatek od Figma, który bardzo ułatwia tworzenie prezentacji online. Możesz pracować w dwóch trybach: Standard lub Designer.
W tym przewodniku skupimy się na podstawowym trybie Standard, który obejmuje pracę z:
  • Tekst
  • Obrazy
  • Kształty
  • Elementy interaktywne
  • Dodatkowe zasoby
Tryb projektanta zapewnia pełny zestaw narzędzi Figma: Auto Layout, komponenty, rozmycia i inne efekty, itp.
Przewodnik po Figma dla początkujących
Figma to jedno z najpopularniejszych i najpotężniejszych narzędzi do projektowania. Dowiedz się, jak rozpocząć pracę i w pełni wykorzystać jego funkcje, aby usprawnić swój proces projektowania.
Jeśli nigdy wcześniej nie pracowałeś w Figma, lepiej pozostań przy trybie standardowym. Jest on prostszy, szybszy i ma wszystko, czego potrzeba do stworzenia solidnej prezentacji.
Pierwsze kroki z Figma Slides
Otwórz Figma i naciśnij przycisk, aby utworzyć nową prezentację w Figma Slides.
Stamtąd możesz zacząć od pustego płótna lub wybrać jeden z wbudowanych szablonów. Gotowe szablony omówimy później - na razie. Zacznijmy od całkowicie pustego slajdu.
Przycisk Rozpocznij od zera umożliwia rozpoczęcie od zera lub przeglądanie gotowych szablonów.
Jak przygotować świetną prezentację
Wskazówki dla osób niebędących projektantami dotyczące tworzenia pięknych prezentacji, wyboru odpowiedniego oprogramowania i unikania typowych błędów
Następnie zobaczysz obszar roboczy Figma Slides. Ogólnie wygląda on jak zwykły interfejs programu Figma:
Lewy panel: Ustawienia prezentacji - tytuł, podgląd miniatur wszystkich slajdów i przycisk dodawania nowych.
Dolny pasek narzędzi: Standardowe narzędzia - tryb interakcji, tekst, obrazy, wideo, kształty, elementy interaktywne, komentarze, wtyczki, biblioteka zasobów i przełącznik trybu projektanta.
Prawy panel: Ustawienia dla aktualnie wybranego slajdu.
Obszar roboczy do tworzenia i edycji slajdów.
Możesz stworzyć swój układ slajdów od podstaw lub użyć jednego z gotowych układów z rozwijanego menu.
Nawet jeśli nie korzystasz z szablonu, przeglądanie tych gotowych ustawień może dać ci kilka szybkich pomysłów na układ.
Tekst
Projektowanie prezentacji zwykle rozpoczyna się od slajdu tytułowego. Rozpocznij od edycji domyślnego tytułu na slajdzie i zobacz, jak działają ustawienia tekstu.
Aby dostosować ustawienia, kliknij przycisk "Pokaż szczegóły".
Dobry tytuł powinien być duży i wyróżniać się. Domyślnym stylem tytułów w Figma jest Title, ale można go zmienić w dowolnym momencie.
Tekst ma standardowe ustawienia, podobnie jak podczas pracy nad projektem w programie Figma:
  • Czcionka
  • Waga
  • Rozmiar
  • Odstępy między wierszami (w % lub pikselach)
  • Odstępy między literami
  • Opcje formatowania: Pogrubienie, kursywa, podkreślenie, listy wypunktowane/numerowane, wyrównanie
Spróbuj dostosować tytuł, na przykład zwiększyć rozmiar czcionki, zmniejszyć odstępy między wierszami i zwiększyć odstępy między literami.
Odstępy między wierszami powinny być mniejsze niż 100% - dzięki temu tytuły wyglądają na bardziej zwarte i dopracowane. Im większy rozmiar czcionki, tym mniejsze powinny być odstępy między wierszami.
Po edycji tytułu obok nazwy stylu "Tytuł" pojawi się notatka i przycisk. Oznacza to, że możesz zapisać niestandardowe formatowanie wraz z domyślnymi stylami Figma. Oczywiście można usunąć wbudowane style i utworzyć własne, ale zwykle szybciej jest po prostu dostosować istniejący styl.
Style w Figma działają podobnie do tych w Prezentacjach Google: Możesz zastosować predefiniowany styl do dowolnego tekstu i edytować go później. Na przykład wszystkie tytuły slajdów używają stylu "Nagłówek 2". Jeśli zmienisz jego ustawienia, zmiany te zostaną automatycznie zastosowane do każdego tytułu.
Teraz naszym zadaniem jest dostosowanie stylu "Tytuł".
W przypadku podtytułu pod nagłówkiem głównym domyślnie stosowany jest styl "Body 1". Dostosuj ustawienia stylu i wpisz własny tekst.
Upewnij się, że odstępy są wystarczające, aby tytuł nie wydawał się ciasny w stosunku do podtytułu.
Figma Slides ma wbudowaną funkcję AI o nazwie Dostosuj ton, która pozwala szybko zmienić styl pisania - od swobodnego i przyjaznego do formalnego i biznesowego.
Kolor
Po ustawieniu typografii warto nadać prezentacji bardziej stylowy wygląd. Tło slajdu powinno być czarne, a tekst biały.
Po przełączeniu na ciemne tło, Figma automatycznie zmienia tekst na biały.
Możesz także użyć wypełnienia gradientem lub ustawić obraz tła. Wypróbuj różne opcje i trzymaj się tej, która najbardziej Ci odpowiada.
Jeśli używasz gradientu, upewnij się, że tekst pozostaje czytelny.
Kształty
Kształty mogą być czysto dekoracyjne, pomagać w podkreślaniu treści lub działać jako część tożsamości marki. Dodajmy kilka i zobaczmy, co możemy zrobić. Zacznijmy od kształtu diamentu.
Jeśli używasz kształtu jako części swojego brandingu, powtórz go na kilku innych slajdach, aby wygląd pozostał spójny.
W aplikacji Tilda można tworzyć niestandardowe kształty lub edytować istniejące za pomocą wbudowanego edytora wektorowego. Można ich natychmiast użyć w projektach Tilda lub pobrać i wykorzystać w innych miejscach, w tym w Figma Slides.
Czy wiesz, że?
Wypełnij diament kolorem akcentującym markę. Następnie dodaj okrąg w jednym rogu - kolejny element z przewodnika po stylu.
Jeśli tylko część kształtu zostanie umieszczona na slajdzie, wycięta część nie pojawi się w trybie prezentacji. Figma podświetla wszystko, co znajduje się poza obszarem roboczym i zostanie odcięte.
Daje nam to czysty, ale stylowy slajd tytułowy z nagłówkiem, krótkim opisem i markowymi elementami projektu.
Obrazy
Dodawanie obrazów działa tak samo, jak w zwykłej aplikacji Figma. Na przykład umieść abstrakcyjny wzór w tle, rozciągnij go, aby wypełnić slajd i zmniejsz jego krycie, aby czarne tło było widoczne. W ten sposób obraz wydaje się ciemniejszy i wtapia się w ogólny motyw.
Ustawienia obrazu są również identyczne z ustawieniami Figma:
1
Wypełnianie, przycinanie, dopasowywanie lub kafelkowanie
2
Nakładka
3
Rozmycie
Jeśli potrzebujesz kilku obrazów na jednym slajdzie, możesz rozmieścić je ręcznie lub użyć szablonu.
W sekcji "Narożniki" można również zaokrąglić narożniki obrazu.
Elementy interaktywne
Slajdy mogą zawierać funkcje interaktywne. Na przykład, jeśli chcesz zadać pytanie i odpowiedzieć na nie na żywo podczas prezentacji, otwórz zakładkę "Interakcja na żywo" z dolnego menu.
Aby zachować przejrzysty układ, nie przeładowuj interaktywnych slajdów zbyt dużą liczbą elementów.
W tej sekcji można wybrać:
  • Ankieta (pozwól publiczności głosować w czasie rzeczywistym)
  • Znaczki (pozwalają widzom oznaczyć, że widzieli slajd)
  • Wyrównanie (skala oceny do wyświetlania wyników ankiet)
  • Prototyp (umieść dowolny interaktywny prototyp utworzony wcześniej w programie Figma)
Dodaj ankietę do slajdu i zmień jej kolor na czarny, aby dopasować ją do ciemnego motywu. Następnie zastąp tekst zastępczy.
Tło ankiety można uczynić przezroczystym, wyłączając opcję Tło.
Przejdź do trybu "Prototyp" i zagłosuj na opcję, aby zobaczyć, jak działa.
Teraz dodałeś interaktywność za pomocą wbudowanych narzędzi Figma Slides. Następnie przejdźmy do tworzenia slajdu dla głównej części prezentacji.
Wtyczki
Teraz, gdy wiesz już, jak dodawać tekst i kształty, poeksperymentuj z dodawaniem kolejnych elementów do slajdu.
Wskazówka: Łatwym sposobem tworzenia podtytułów jest umieszczenie tekstu na pomarańczowych zaokrąglonych prostokątach.
Zaznacz wszystkie elementy na slajdzie i otwórz zakładkę "Akcje". Tutaj znajdziesz wtyczki i inne dostępne narzędzia. Lista aktualizuje się wraz z sugestiami, zwykle podświetlając te, które najlepiej pasują do bieżącego wyboru.
Skróty klawiaturowe działają tak samo, jak w standardowej aplikacji Figma.
Spróbuj dodać obraz za pomocą wtyczki.
Biblioteka wtyczek działa tak samo jak w standardowej aplikacji Figma.
Ponad 40 niezbędnych wtyczek Figma dla projektantów w 2025 roku
Wtyczki w Figma pozwalają rozszerzyć funkcjonalność narzędzia. Oto starannie dobrany wybór dla projektantów i okazjonalnych użytkowników Figma.
Z sekcji zdjęć stockowych wybierz obraz pasujący do motywu prezentacji i upuść go na slajdzie.
Notatki do slajdów
Jeśli obawiasz się, że zapomnisz o ważnych kwestiach, notatki do slajdów są Twoim najlepszym przyjacielem. Pole notatek znajduje się pod slajdem - dodaj wszystko, co chcesz zapamiętać, a następnie otwórz prezentację w trybie "Prezentuj".
W trybie "Prototyp" istnieją dwa sposoby prezentacji slajdów:
  • Prezentacja: Publiczność nie zobaczy twoich notatek
  • Prezentuj + notatki: Notatki będą widoczne podczas prezentacji
Aktywa
Figma Slides posiada zakładkę "Assets" z dwoma głównymi sekcjami:
  • Inne narzędzia: Tabela, blok kodu i numer slajdu
  • Biblioteki: Wykresy, ikony lub własna biblioteka niestandardowa
Jeśli używasz ikon w swojej prezentacji, trzymaj się jednego zestawu. Mieszanie wypełnionych i obrysowanych ikon na slajdach zepsuje styl wizualny.
Utwórz czwarty slajd i dodaj do niego numer slajdu.
Dodaj nagłówek slajdu przy użyciu stylu "Nagłówek 1", a następnie wstaw element z biblioteki zasobów.
Teraz stworzyłeś cztery proste, podstawowe slajdy, które mogą sprawić, że będziesz się zastanawiać: "Gdzie są te wszystkie fajne efekty, jak w PowerPoint, z tekstem i obrazami?".
Efekty animacji i przejścia w slajdach Figma
Można animować poszczególne elementy lub całe slajdy. Pomaga to zwrócić uwagę na kluczowe punkty lub ponownie zaangażować odbiorców, gdy ich uwaga zaczyna się rozpraszać.
Ustawienia animacji znajdują się w zakładce "Animacja". Tutaj możesz:
  • Ustaw przejście slajdu (sposób, w jaki jeden slajd zmienia się w następny)
  • Dodaj animacje obiektów (animacje dla określonych elementów)
Animacje są domyślnie wyłączone.
Wróćmy do pierwszego slajdu i spróbujmy ustawić przejście. Wybierz opcję Inteligentna animacja i sprawdź dostępne opcje:
  • Styl (rodzaj animacji)
  • Krzywa (jak ruch przyspiesza lub zwalnia)
  • Czas trwania (jak długo trwa animacja)
  • Czas (czy działa automatycznie z opóźnieniem, czy po kliknięciu)
Jeśli nie jesteś pewien, który styl wybrać, trzymaj się Smart Animate.
Pozostaw ustawienia domyślne, przełącz się na tryb "Prezentacja" i zobacz, jak działa.
Aby animować wygląd kształtu, zaznacz obiekt i dodaj do niego animację.
Jeśli chcesz, aby okrąg pojawiał się wolniej, ustaw jego czas trwania na 900 ms.
Aby wyświetlić podgląd, przejdź do trybu "Prezentacja" i kliknij w dowolnym miejscu na ekranie.
Zapoznałeś się już z narzędziem i możesz teraz przyjrzeć się dostępnym szablonom i celom, do których najlepiej się nadają.
Szablony prezentacji
Szablony oszczędzają czas, zapewniając gotowe do użycia slajdy, które można dostosować do własnych potrzeb. Właśnie dlatego najpierw zbadaliśmy Figma Slides - abyś mógł śmiało dostosowywać szablony bez obawy o ich "zepsucie".
Prezentacja portfolio. Idealne do przedstawienia siebie i swojej pracy. Wysłanie prezentacji portfolio do potencjalnego pracodawcy może pomóc ci się wyróżnić.
Szablon portfolio pozwala:
  • Podkreśl swoje umiejętności
  • Wyświetlanie wskaźników wydajności
  • Prezentacja studiów przypadku
  • Pokaż swoją pracę w makietach
  • Podziel się historią swojej kariery
Szablony do prezentacji portfolio.
Prezentacja produktu. Świetny sposób na zaprezentowanie nowego produktu lub usługi. Na przykład po zakończeniu projektu, zebraniu danych i przygotowaniu wizualizacji do prezentacji dla klienta.
Szablon produktu pozwala:
  • Podkreśl kluczowe wskaźniki
  • Przedstaw zasady działania produktu
  • Zamieść ważny cytat
  • Wyświetlanie interfejsu produktu na różnych urządzeniach
  • Udostępnianie wyników badań lub ankiet
Szablony do prezentacji produktów.
Prezentacja wyników badań. Idealny do prezentacji wyników, spostrzeżeń i przeanalizowanych statystyk zebranych w ramach projektu badawczego lub ankiety. Zamiast wysyłać zwykły dokument tekstowy, użycie stylowych, dobrze ustrukturyzowanych slajdów sprawi, że dane będą miały znacznie większy wpływ.
Szablon wyników badań pozwala:
  • Przedstaw badane cechy
  • Pokaż analizę porównawczą
  • Wyróżnij najważniejsze funkcje
Szablony do prezentacji badań.
Prezentacja strategii marketingowej. Najlepsza do pokazania dużych planów w dopracowany sposób. Na przykład poprzez prezentację badań rynku lub konkurencji, planu treści i długoterminowych celów firmy.
Szablon strategii marketingowej pozwala:
  • Pokaż docelowe liczby do osiągnięcia
  • Przedstawienie wyników badań segmentu odbiorców
  • Zdefiniuj profil idealnego klienta
  • Udostępnianie wyników ankiety
Szablony prezentacji strategii marketingowej.
Szablony są wygodne i fajne, ale jak z nich korzystać w prawdziwym życiu?
Personalizacja slajdu szablonu
Weźmy slajd z szablonu wyników badań jako przykład.
Jeśli nie czujesz się pewnie w projektowaniu, unikaj wprowadzania drastycznych zmian w układzie - zachowaj nienaruszoną ogólną kompozycję.
Oto prosta personalizacja:
  • Dodaj nazwę drużyny i aktualną datę w dolnych rogach.
  • Dodaj krótki opis po lewej stronie wraz z linkiem do szczegółowych wyników.
Aby wstawić hiperłącze, zaznacz tekst i naciśnij klawisze Ctrl/Cmd+Shift+U.
Następnie podaj więcej szczegółów:
  • Dodaj odpowiednią wartość procentową
  • Dodaj krótką etykietę, aby wyjaśnić, co reprezentuje liczba
Jeśli tekst poniżej wartości procentowej nie mieści się, dostosuj rozmiar czcionki w ustawieniach
Teraz poeksperymentujmy z akcentami rozmiaru na slajdzie:
1
Usuń etykietę nad wartością procentową
2
Powiększ liczbę
3
Zmniejsz rozmiar czcionki dla etykiety poniżej wartości procentowej
4
Usuń link
W ten sposób można zastąpić domyślną zawartość własną - ale można pójść jeszcze dalej, dostosowując kolory, czcionki, układ itp. Aby to zrobić, przełącz się do trybu "Designer", ale pamiętaj, że wymaga to bardziej dogłębnej znajomości Figma.
Jeśli nie chcesz używać Figmy do tworzenia prezentacji, istnieją alternatywne opcje. W serwisie Tilda można przekształcić dowolną stronę w prezentację online, dodając specjalny blok-T203 z kategorii Inne. Ta funkcja dostosowuje stronę do wyświetlania na pełnym ekranie, umożliwiając klikanie każdego ekranu jak slajdów. Umożliwia to zarządzanie wszystkim w jednym miejscu, eliminując potrzebę eksportowania plików lub przełączania się między narzędziami.

Jeśli podobał Ci się ten artykuł, podziel się nim ze znajomymi. Dziękujemy!

Czytaj także:
Darmowy podręcznik o tym, jak projektować, konfigurować i uruchamiać strony docelowe o wysokiej konwersji
Dowiedz się więcej

Darmowy praktyczny przewodnik po animacjach internetowych z przykładami, technikami,

i wskazówki, jak z nich korzystać

Eksploruj