Figma Make: co to jest, jak to działa, kredyty i limity (2026)14 min read

Figma Make to narzędzie AI firmy Figma umożliwiające wyświetlanie monitów w aplikacji. Opisujesz, czego chcesz, lub zaczynasz od projektu Figma, a on buduje działający prototyp lub aplikację internetową, którą możesz przeglądać, udoskonalać na czacie, edytować w kodzie i publikować. Znajduje się w Figma jako dedykowany plik Make, dzięki czemu może wykorzystywać Twoje projekty i biblioteki jako kontekst. Jest skierowany do projektantów, menedżerów produktów i wszystkich, którzy chcą zamienić pomysł w coś, co można kliknąć.

Fakty sprawdzone na stronie Figma Make i w centrum pomocy Figma 1 listopada 2026 r. Plany, środki i funkcje często się zmieniają, dlatego przed zakupem sprawdź aktualne szczegóły w Figma.

W tym przewodniku wyjaśniono, czym jest Figma Make, jak krok po kroku działa, jakie funkcje mają znaczenie, kto może z niego korzystać, jak działają kredyty AI, jak publikować i eksportować oraz jakie są jego ograniczenia. Jeśli wybierasz pomiędzy narzędziami, nasze Porównanie Figma Make i Anima Playground obejmuje alternatywy.

Co to jest Figma Make?

Figma opisuje Figma Make jako oparte na sztucznej inteligencji narzędzie umożliwiające natychmiastową instalację, które pozwala wcielać w życie pomysły i istniejące projekty Figma jako funkcjonalne prototypy, aplikacje internetowe i interaktywny interfejs użytkownika. Pracujesz na czacie obok podglądu na żywo, a wszystko, co tworzysz, jest oparte na kodzie, dzięki czemu możesz przełączać się między podglądem, edycją metodą „wskaż i kliknij” a samym kodem.

Figma przedstawił Make na Config 2025 i rozwinął się z pomysłu składającego się z jednego komponentu do pełnego produktu z trybem planu, edytorem kodu, backendem, publikacją i integracjami. Różni się od Figma Design: plik Make tworzysz w ten sam sposób, w jaki tworzysz inne pliki Figma, używając przycisku Make w swoich wersjach roboczych.

Co możesz zbudować za pomocą Figma Make?

• Klikalny prototyp przepływu lub funkcji do przetestowania z użytkownikami.
• Interaktywna wersja istniejącego projektu Figma z przejściami i logiką.
• Mała aplikacja internetowa lub narzędzie wewnętrzne z zapleczem do przesyłania danych i logowania.
• Strona docelowa lub mikrowitryna, którą możesz opublikować pod publicznym adresem URL.

Jak działa Figma Make, krok po kroku

1. Utwórz plik Make. W przeglądarce plików Figma otwórz swoje wersje robocze i kliknij Make w prawym górnym rogu. Możesz także zacząć od szablonu lub klonując repozytorium GitHub.
2. Napisz podpowiedź. Opisz, co chcesz zbudować na czacie. Możesz pisać lub dyktować. Określ szczegółowo użytkownika, główne zadanie i ekrany.
3. Dodaj kontekst. Dołącz projekty Figma lub wklej ramki do czatu, przenieś kontekst stylu z biblioteki Figma (plany płatne), dodaj backend, podłącz narzędzia poprzez złącza MCP lub pozwól Make przeszukiwać Internet lub pobierać adres URL.
4. Jeśli chcesz mieć kontrolę, najpierw zaplanuj. W przypadku planów płatnych tryb planu generuje plan strukturalny, który można edytować przed napisaniem jakiegokolwiek kodu.
5. Przejrzyj podgląd. Make buduje aplikację i pokazuje ją na żywo. Kliknij go tak, jak zrobiłby to użytkownik.
6. Oczyścić. Rozmawiaj dalej, użyj funkcji „wskaż i edytuj”, aby zmienić określone elementy, dodaj adnotacje i wyślij je razem lub otwórz edytor kodu i bezpośrednio zmień kod.
7. Udostępnij lub opublikuj. Udostępnij plik w celu uzyskania opinii wraz z komentarzami, skopiuj podgląd z powrotem do Figma Design jako warstwy, opublikuj go pod publicznym adresem URL lub pobierz kod.

Jedna praktyczna wskazówka z dokumentacji Figma: dołącz ramkę lub komponent zamiast wklejać łącze do pliku Figma. Make nie odczytuje projektu z adresu URL, a wklejony link może prowadzić do nieoczekiwanych wyników.

Kluczowe funkcje Figma Make

Warstwy kodu Figma Make vs Figma vs Figma Sites

Ta trójka jest zdezorientowana. Figma Make działa w dedykowanym pliku, w którym tworzysz i publikujesz aplikację. Warstwy kodu umożliwiają odkrywanie interaktywnych pomysłów obok projektów na kanwie Figma Design; zobacz nasz przewodnik Warstwy kodu i specyfikacje Figma. Figma Sites służy do publikowania stron internetowych zaprojektowanych w Figma. Wybierz Make, gdy dane wyjściowe powinny zachowywać się jak aplikacja, i warstwy kodu, jeśli obok statycznego projektu chcesz umieścić element interaktywny.

Kto może korzystać z Figma Make i ile kosztują kredyty AI?

Figma Make jest dostępny w planach Starter (z ograniczeniami), Professional, Organization, Enterprise, Edukacja (dla użytkowników szkolnictwa wyższego i bootcampów) oraz planów rządowych. Twoje miejsce decyduje o tym, co możesz zrobić:

Make działa na kredytach AI. Każde miejsce zawiera punkty, resetują się co miesiąc i nie można ich dzielić ani przenosić. Według dokumentacji Figma z października 2026 r.:

Liczba kredytów wykorzystanych przez monit zależy od wybranego modelu i zadania. Własne przykłady Figma, oparte na jego domyślnym modelu z lutego 2026 r., wprowadziły niewielką zmianę, taką jak aktualizacja czcionek przy około 30 lub więcej kredytach i uczynienie dołączonego projektu interaktywnym przy około 75 lub więcej. Wybór lżejszego modelu do drobnych zmian i korzystanie z trybu planu w przypadku dużych kompilacji pomoże Ci zachować środki na dłużej.

Publikowanie, backendy i wydajna praca

Publikować

Kliknij Opublikuj, ustaw tytuł, a Make wyświetli publiczny adres URL, który wygląda three-random-words.figma.site. Możesz podłączyć domenę niestandardową w obsługiwanych planach. Opublikowane aplikacje są hostowane na Amazon Web Services z routingiem przez Cloudflare, nie są domyślnie indeksowane przez wyszukiwarki, a Make nie ma wbudowanego pulpitu analitycznego, chociaż możesz dodać identyfikator Google Analytics w ustawieniach.

Zaplecze

Aby przechowywać dane i obsługiwać logowanie, możesz poprosić Make o utworzenie backendu opartego na Payload z bazą danych, przechowywaniem plików, uwierzytelnianiem i panelem administracyjnym lub podłączyć własny projekt Supabase z poziomu ustawień Make.

Eksportuj kod

Użytkownicy z licencją pełną lub deweloperską mogą pobrać wszystkie pliki w pliku Make w formacie ZIP, korzystając z akcji Plik na karcie Pliki. Traktuj pobrany plik jako prototypową bazę kodu: uruchom go lokalnie, przejrzyj i przeprowadź refaktoryzację, zanim zaczniesz na nim budować.

Przenieś projekt z powrotem do Figma

W płatnych planach możesz skopiować bieżący podgląd jako warstwy projektowe i wkleić je do Figma Design. Warstwy można edytować, ale stanowią one migawkę. Nie są interaktywne, nie są powiązane z plikiem Make i nie są automatycznie powiązane z systemem projektowym.

Limity Figma Make, które należy poznać przed rozpoczęciem

• Większość funkcji wymaga pełnego miejsca w płatnym planie, a w przypadku dużych wersji środki mogą szybko się wyczerpać.
• Jest zbudowany z myślą o prototypach i prostych aplikacjach. Oprogramowanie produkcyjne nadal wymaga przeglądu technicznego, testów, bezpieczeństwa i konserwacji.
• Zmiany wprowadzone w skopiowanych warstwach w Figma Design nie są przesyłane z powrotem do pliku Make.
• Jeśli poprosisz model o użycie Supabase, a integracja nie zostanie podłączona, może wygenerować próbny kod zamiast działającego połączenia.
• W przypadku opublikowanych witryn kontrola SEO i analizy są minimalne.
• Nie możesz przekazać mu łącza Figma i oczekiwać, że odczyta plik. Dołącz lub wklej ramkę.

Jeśli potrzebujesz prawdziwego kodu front-endu, klonu strony internetowej lub aplikacji znajdującej się poza Figma, spójrz na alternatywę, taką jak Anima Playground. Porównujemy je rzetelnie Figma Make kontra Anima Playground.

Szybkie pomysły na Figma Make

Konkretne podpowiedzi podające nazwę użytkownika, zadanie i stany dają lepsze pierwsze rezultaty. Wypróbuj te:

• „Stwórz trzyetapowy proces wdrażania aplikacji do budżetowania. Pokaż wskaźnik postępu, zweryfikuj każde pole i zakończ na ekranie sukcesu”.
• „Zamień załączoną ramkę cenową w interaktywną stronę. Dodaj przełącznik miesięczny i roczny oraz stan najechania myszą na każdej karcie planu”.
• „Utwórz panel pomocy dla agenta, który segreguje zgłoszenia. Uwzględnij filtry, stan pusty i stan ładowania”.
• „Zrób prototyp mobilnej kasy z kasą dla gości, weryfikacją adresu i potwierdzeniem zamówienia”.

Zbuduj działającą aplikację za pomocą Anima Playground

Wolisz prawdziwą stronę internetową lub aplikację, którą możesz wyeksportować i wysłać? Opisz to, a Anima to zbuduje.

Często zadawane pytania dotyczące Figma Make

Co to jest Figma Make?

Figma Make to oparte na sztucznej inteligencji narzędzie Figma umożliwiające wyświetlanie monitu w aplikacji. Zamienia podpowiedzi lub istniejący projekt Figma w funkcjonalny prototyp, aplikację internetową lub interaktywny interfejs użytkownika, który można przeglądać, edytować na czacie lub w kodzie i publikować.

Czy Figma Make jest darmowy?

Plany Starter umożliwiają bezpłatną eksplorację Figma Make z limitami, w tym 500 kredytów AI miesięcznie i limitem dziennym. Pełne miejsca w płatnych planach zapewniają więcej punktów i funkcji, takich jak kontekst biblioteki zespołu, tryb planu, udostępnianie i publikowanie. Plany się zmieniają, więc sprawdź ceny Figma.

Jak korzystać z Figma Make?

W wersjach roboczych Figma kliknij Make, napisz monit na czacie, dołącz projekty lub kontekst stylu, jeśli je posiadasz, wyślij je i dopracuj wynik za pomocą czatu, wskaż i edytuj lub edytora kodu. Następnie udostępnij, opublikuj lub wyeksportuj.

Czy Figma Make może eksportować kod?

Tak. Użytkownicy z licencją Full lub Dev mogą pobrać kod pliku Make w formacie ZIP z zakładki Pliki. Najlepiej traktować go jako prototypową bazę kodu, którą przeglądasz przed użyciem w środowisku produkcyjnym.

Czy mogę opublikować aplikację Figma Make?

Tak. Pełne stanowiska mogą publikować pod publicznym adresem URL figma.site, a początkujący użytkownicy mogą publikować publicznie tylko wtedy, gdy publikują również na Figma Community. Możesz dodać domenę niestandardową w obsługiwanych planach, a opublikowane aplikacje nie są domyślnie indeksowane przez wyszukiwarki.

Jaka jest różnica między Figma Make a Anima Playground?

Figma Make buduje prototypy i aplikacje w ekosystemie Figma. Anima Playground to samodzielny obszar roboczy, który zaczyna się od podpowiedzi, projektów Figma, adresów URL lub obrazów i tworzy edytowalne HTML lub React, które można eksportować, przekazywać i publikować. Szczegóły znajdziesz w naszym porównaniu.