Co to jest Figma Make?
Figma Make to oparty na AI kreator aplikacji wbudowany bezpośrednio w platformę Figma, który przyjmuje tekstowy prompt i tworzy działającą aplikację front-endową opartą na kodzie, bez konieczności opuszczania środowiska Figma ani konfiguracji osobnego narzędzia.
Generuje aplikacje React z pełnym dostępem do kodu źródłowego, automatyczną historią wersji i działającym podglądem na żywo URL, a wyróżnia się na tle innych kreatorów AI tym, że pozwala wybrać model, który wykonuje pracę: Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro lub GPT-5.5, zamiast zamykać użytkownika w jednym modelu bez widoczności tego, co faktycznie działa.
Wynikiem nie jest makieta ani plik projektu, lecz prawdziwy, edytowalny kod, który można przeglądać, modyfikować i wypchnąć do GitHub.
Dla kogo jest Figma Make?
- Projektanci produktów już korzystający z Figma. Make działa wewnątrz narzędzia, w którym już jesteś, więc nie ma nowej platformy do nauczenia się ani kolejnej subskrypcji do dołożenia do tego, za co już płacisz.
- Założyciele nietechniczni, którzy potrzebują szybkiego demo. Złożona, wieloekranowa aplikacja z dostępem opartym na rolach i realistycznymi danymi powstaje w mniej niż 10 minut, co wystarcza, by zabrać ją na pierwsze spotkanie z inwestorem.
- Menadżerowie produktu, którzy muszą pokazać, a nie opowiadać. Figma Make tworzy coś, co można faktycznie przekazać interesariuszowi i przejść przez to na żywo, zamiast PDF-a z ekranami.
- Programiści, którzy chcą gotowego szkieletu. Wygenerowany kod to czysty React z TypeScript, a pełny kod źródłowy jest dostępny w darmowym planie, więc jest to prawdziwy punkt startowy, a nie jednorazowy prototyp.
Zalety i wady Figma Make
- Tworzy złożone, wieloekranowe aplikacje z jednego promptu
- Darmowy plan obejmuje pełny dostęp do kodu źródłowego
- Wybór modelu AI: Claude, Gemini lub GPT
- Automatyczna historia wersji zapisuje każdą iterację budowania
- Autoryzacja oparta na rolach generowana bez dodatkowego promptu
- Integracje z GitHub i Supabase wbudowane natywnie
- Edytor wizualny i edytor kodu dostępne w jednym miejscu
- Pierwsze buildy pojawiają się z ostrzeżeniami w kodzie
- Comiesięczny limit darmowych kredytów wyczerpuje się szybko
- Własna domena wymaga płatnego planu Figma
Podział ocen
Poniższe oceny odzwierciedlają to, co Figma Make dostarcza obecnie, w publicznej becie. Jak na produkt na tym etapie, jakość wyniku jest znacznie wyższa, niż się spodziewałem, a dla zespołów już korzystających z płatnego planu Figma wartość jest trudna do podważenia, ponieważ nie ma za to żadnej dodatkowej opłaty.
| Funkcja | Ocena (na 10) | Dlaczego taka ocena |
|---|---|---|
| Łatwość użycia | 9.5 | Brak konfiguracji, wejście oparte na promptach, dwa sposoby edycji i 8-minutowy cykl budowania czynią to jednym z najmniej wymagających kreatorów AI do rozpoczęcia pracy. |
| Funkcje i możliwości | 9.8 | Autoryzacja oparta na rolach, UI płatności Stripe, wielowykresowe raportowanie, panel administracyjny, wybór modelu i pełna dokumentacja REST API generowane z jednego promptu. |
| Projekt i personalizacja | 9.4 | Domyślny wygląd jest czysty i profesjonalny, a zarówno edytor wizualny typu click-to-select, jak i pełny dostęp do kodu źródłowego są dostępne nawet w darmowym planie. |
| Stosunek jakości do ceny | 9.4 | Pełny dostęp do kodu w darmowym planie jest naprawdę rzadki, a użytkownicy planów płatnych otrzymują Make w ramach istniejącej subskrypcji Figma, a nie jako osobną pozycję. |
| Wydajność i niezawodność | 9.9 | Osiem minut do wieloekranowej, uwzględniającej role aplikacji z UI Stripe i panelem administracyjnym to najszybszy stosunek czasu budowania do użytecznego wyniku, jaki testowałem. |
| Ogółem | 9.6 | Wyróżniający się produkt beta, który już teraz przewyższa wiele dojrzałych kreatorów aplikacji AI pod względem jakości wyniku i głębi funkcji. |
Funkcje Figma Make
- Tworzenie aplikacji z promptu w mniej niż 10 minut
- Wybór wielu modeli, w tym Claude, Gemini i GPT
- Automatycznie generowana autoryzacja użytkowników oparta na rolach
- Edytor wizualny click-to-select z kontrolkami stylu inline
- Pełny kod źródłowy React edytowalny w darmowym planie
- Integracje z GitHub i Supabase dostępne bez dodatkowej konfiguracji
- Publikowanie jednym kliknięciem na subdomenie figma.site
Moja szczera recenzja Figma Make: co odkryłem po testach
Ekran startowy natychmiast nie przeszkadza użytkownikowi
Ekran startowy to pojedyncze pole promptu z krótkim hasłem: „Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.” Poniżej pola wejściowego pojawiają się trzy sugerowane punkty startowe:
- Onboarding flow
- Data dashboard
- Gradient gallery
Możesz zignorować wszystkie trzy i wpisać cokolwiek chcesz.
W pełni wysłałem ten prompt:
“Create a property management platform for landlords and tenants. Include user authentication, property listings, lease management, rent payments, maintenance requests, document uploads, messaging, notifications, admin dashboard, reporting, Stripe integration, PostgreSQL database, REST API, responsive design, and deployment instructions. The application should be production-ready and scalable.”
Narzędzie przyjęło to bez żadnych przeszkód i od razu przeszło do budowania. Bez selektora typu projektu, bez galerii szablonów, bez żadnej wstępnej konfiguracji architektury.
Werdykt: Punkt wejścia jest tak bliski zerowej tarcia, jak każdy testowany przeze mnie kreator AI. Kompromis polega na tym, że bez struktury prowadzącej przed buildem nieprecyzyjny prompt daje nieprecyzyjny wynik. Sufit tego, co otrzymasz, jest całkowicie zależny od tego, co wprowadzisz.
Rejestracja jest szybka i nie stawia paywalla między użytkownikiem a wynikiem
Kliknięcie przycisku strzałki przed zalogowaniem wywołuje modal „Welcome to Figma”. Dwie opcje:
- Continue with Google (jedno kliknięcie, poniżej 10 sekund)
- Continue with email (wpisz e-mail, zweryfikuj, łącznie poniżej 30 sekund)
Obie ścieżki prowadzą do obszaru roboczego Figma Make, a build jest już w kolejce. Na tym etapie nie ma ekranu wyboru planu, nie ma prośby o kartę kredytową i nie ma blokady upgrade’u. Darmowy plan Starter aktywuje się automatycznie.
Jeśli masz już konto Figma, modal się nie pojawia i trafiasz bezpośrednio do kreatora.
Build trwa 8 minut i dokładnie mówi, co robi
Przestrzeń robocza dzieli się na kolumnę czatu po lewej i podgląd na żywo po prawej. Podgląd pokazuje zastępczy ekran z tekstem „Building your idea…” a następnie „Working out the details…” w miarę postępu narzędzia.
To, co odróżnia to od zwykłego ekranu ładowania, to panel rozumowania w kolumnie czatu, który na bieżąco zapisuje tok myślenia narzędzia.
Podczas mojego builda panel rozumowania pokazał:
- Narzędzie wywołało tematowy tool przed napisaniem choćby jednej linii kodu
- Zapisało „Worked with 3 files” podczas przetwarzania promptu
- Log rozumowania opisał pełne podejście: narzędzie rozplanowało pozostałe funkcje (filtrowanie nieruchomości, zarządzanie umowami najmu, historię płatności, zgłoszenia serwisowe, wiadomości, powiadomienia i panele administracyjne), stwierdziło, że najpierw ustrukturyzuje komponent React z definicjami typów, potem zbuduje dane testowe z realistycznymi szczegółami, a następnie zajmie się nawigacją i zarządzaniem stanem dla widoków opartych na rolach we wszystkich sekcjach
- Pod komunikatem rozumowania pojawił się status: „Writing the component structure…”
Ta sekwencja ma znaczenie. Narzędzie zaplanowało definicje typów, zanim napisało jakikolwiek UI, potem dodało realistyczne dane testowe, a następnie zbudowało nawigację wokół nich. To jest uporządkowane podejście, a nie losowe generowanie.
Harmonogram builda: 3:58 PM do 4:06 PM. Osiem minut.
Selektor modelu na dole panelu czatu pozwala wybrać AI przed startem lub przełączyć się między buildami:
| Model | Opis |
|---|---|
| Default | Rekomendowany przez Figma (dokładny model nieujawniony) |
| Claude Sonnet 4.6 | Zrównoważony, wydajny |
| Gemini 3 Flash | Szybki, iteracyjny |
| Gemini 3.1 Pro | Głęboki, kreatywny |
| GPT-5.5 | Zdolny, szybki |
Możliwość przełączania się z szybkiego modelu iteracyjnego na głębszy bez wychodzenia z narzędzia ani rozpoczynania budowy od nowa to znacząca zaleta workflow.
Obok selektora modelu znajduje się przełącznik Build/Plan mode:
| Tryb | Co robi |
|---|---|
| Build | Tworzy i iteruje w trakcie pracy |
| Plan | Uzgadnia złożone zadania i mapuje architekturę przed napisaniem kodu |
W przypadku promptu tak szczegółowego jak mój tryb Plan prawdopodobnie dałby czystszy pierwszy build z mniejszą liczbą ostrzeżeń. Użyłem trybu Build i poradziłem sobie z ostrzeżeniami w drugim podejściu.
Gotowy rezultat nazwał się PropVault i zasłużył na to zaufanie
Gotowa aplikacja, którą narzędzie nazwało PropVault bez pytania, to wieloekranowa platforma do zarządzania nieruchomościami z konsekwentną identyfikacją wizualną, ciemnogranatowym paskiem bocznym, czytelną typografią i kontekstowym social proof na ekranie logowania. Ekran logowania pokazuje:
- Ciemny lewy panel z logo PropVault, sloganem („Property management, simplified.”) oraz trzema przykładowymi statystykami: 86 properties managed, 1,240 active tenants, $2.1M collected monthly
- Prawy panel z kartami Sign In / Create Account, wstępnie wypełnionym e-mailem (marcus@propvault.io) i hasłem oraz trzema przyciskami wyboru roli: Landlord, Tenant, Admin
- Notkę w stopce: „Demo: click a role above, then sign in”
Każdy ekran w lewej nawigacji otwiera działający, wypełniony treścią widok. Oto, co zbudowano w całej aplikacji:
| Ekran | Co zostało zbudowane |
|---|---|
| Dashboard | Cztery karty KPI (miesięczny przychód, wskaźnik zajętości, otwarte zgłoszenia, liczba nieruchomości), 12-miesięczny wykres liniowy przychody vs. wydatki z plakietką „Live”, feed ostatnich aktywności, alert o zaległych płatnościach z przyciskiem Send Reminders, wygasające umowy najmu z osobnymi przyciskami Renew |
| Properties | Lista nieruchomości z filtrowaniem |
| Leases | Zarządzanie umowami najmu ze śledzeniem statusu |
| Payments | Tabela historii płatności z plakietkami statusu, bezpieczne okno płatności Stripe |
| Maintenance | Tablica Kanban (Open / In Progress / Completed) z plakietkami priorytetu i przypisaniem wykonawcy; formularz zgłoszenia dla najemcy |
| Messages | Dwupanelowy interfejs czatu z realistycznymi wątkami rozmów i wysyłaniem po Enter |
| Documents | Strefa przesyłania metodą drag-and-drop, filtry kategorii w formie pigułek, siatka plików z akcjami po najechaniu |
| Reports | Wykres słupkowy, poziomy wykres zajętości, wykres kołowy dotyczący utrzymania, tabela metryk KPI, przełącznik zakresu dat (3m / 6m / 12m) |
| Admin Console | Tabela zarządzania użytkownikami, panel stanu systemu i integracji, pełna dokumentacja REST API, instrukcje wdrożenia (PostgreSQL, Docker, Vercel, konfiguracja webhooka Stripe) |
Dane na każdym ekranie są symulowane. Połączenia backendowe wymagają konfiguracji, zanim cokolwiek zacznie zapisywać lub pobierać dane na żywo. To, co otrzymujesz po ośmiu minutach, to front-endowy szkielet jakości produkcyjnej z wystarczającym zakresem ekranów i gęstością danych, by przeprowadzić przez niego demo dla interesariuszy.
Wszystkie trzy role użytkowników są poprawnie wydzielone, a poziom szczegółowości jest imponujący
Kontrola dostępu oparta na rolach to obszar, w którym kreatory AI najczęściej idą na skróty. Figma Make tego nie zrobił. Każda rola loguje się do zupełnie innego doświadczenia z własną nawigacją, własnym widokiem danych i własnym zakresem.
| Rola | Elementy nawigacji | Skupienie pulpitu |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | Metryki całej platformy we wszystkich nieruchomościach i najemcach |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | Metryki osobiste tylko dla tego najemcy |
| Admin (Cassandra Voss) | Wszystkie elementy Landlord plus Admin | To samo co pulpit Landlord z dostępem do Admin Console |
Szczegóły pulpitu Landlord:
- Monthly Revenue: $41,900 (Apr 2024, +2.8% vs last month)
- Occupancy Rate: 88% (76/86 units, +1.2% vs last month)
- Open Requests: 5 maintenance tickets
- Total Properties: 6 properties, 86 total units
- Wykres Revenue vs. Expenses obejmujący 12 miesięcy od May do April
- Feed aktywności: otrzymany czynsz, zaległe płatności, nowe zgłoszenie serwisowe, wygasająca umowa najmu, wiadomość od najemcy
- Baner alertu: „2 overdue payments require attention” z nazwanymi Tomás Reyes ($2,100) i Fatima Al-Sayed ($2,650) oraz przyciskiem akcji Send Reminders
Szczegóły pulpitu Tenant (Priya Nair):
- Next Payment: $1,850, due April 1, 2024
- Lease Status: Active, ends August 31, 2024
- Open Requests: 1 (HVAC repair pending)
- Messages: 2 unread
- Historia płatności pokazująca Maple Grove #4B, $1,850, Paid
- Zgłoszenie serwisowe pokazujące „HVAC not cooling”, plakietkę In Progress, datowane March 28, 2024
Ekran Payments dla roli Tenant otwiera okno modalne z brandingiem Stripe po kliknięciu „Pay Now”:
- Nagłówek: „Secure Payment. Powered by Stripe.”
- Linia płatności: April Rent, Maple Grove #4B, $1,850.00
- Pole Card Number (wstępnie sformatowane)
- Pola Expiry (MM/YY) i CVC
- Przycisk Pay z etykietą: „Pay $1,850.00”
- Stopka: „256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
Admin Console ma cztery zakładki (Users, System, API Docs, Deployment) i otwiera się na tabeli User Management.
Każdy wiersz ma przyciski akcji edycji i usunięcia. W prawym górnym rogu tabeli znajduje się przycisk Invite User. Tomás Reyes jest poprawnie oznaczony jako Delinquent, zgodnie z alertem o zaległej płatności widocznym na pulpicie Landlord.
Edycja korzysta z dwóch równoległych narzędzi i oba są dostępne za darmo
Po zakończeniu builda dostępne są jednocześnie dwie ścieżki edycji, z których żadna nie jest ukryta za planem płatnym.
Ścieżka 1: Edytor wizualny
- Możesz kliknąć dowolny element w podglądzie na żywo, aby go zaznaczyć i otworzyć pływający pasek edycji
- Pasek edycji zawiera: selektor rodziny fontów, rozmiar fontu (z przyciskami minus i plus), pogrubienie, kursywę, wyrównanie tekstu, kontrolki szerokości, odstępy i usuwanie elementu
- Zaznaczony element jest jednocześnie dodawany do pola wejściowego czatu, więc kliknięcie elementu i wpisanie tekstu w czacie wysyła prośbę o zmianę z tym elementem już w kontekście
- Wybranie kontenera pokazuje dokładny typ komponentu i zagnieżdżenie (na przykład „div x 4”) nad paskiem narzędzi, dając precyzyjny kontekst układu bez otwierania kodu
Połączenie selektora wizualnego z polem wejściowym czatu jest najbardziej praktyczną częścią tego workflow edycji.
Nie musisz wybierać między jednym a drugim. Klikasz, aby wskazać element, a potem wpisujesz w czacie, co chcesz zmienić, a AI zastosowuje to z pełną świadomością tego, który komponent został wybrany.
Ścieżka 2: Edytor kodu
Kliknięcie ikony kodu u góry obszaru roboczego otwiera pełne źródło React. Struktura plików:
src/
app/
components/
App.tsx (1,300+ lines)
styles/
fonts.css
globals.css
index.css
tailwind.css
theme.css
guidelines/
ATTRIBUTIONS.md
default_shadcn_theme.css
package.json
pnpm-workspace.yaml
postcss.config.mjs
vite.config.ts
App.tsx jest uporządkowany w nazwane funkcje widoków (DashboardView, ReportsView, MaintenanceView itd.) z komentarzami sekcji oddzielającymi każdy ekran.
Kod jest czytelny, dobrze zorganizowany i można go bezpośrednio edytować w przeglądarce. Nie jest wymagane pobieranie ani zewnętrzne IDE. Pełny dostęp do źródła jest dostępny w darmowym planie.
Zmiany wprowadzone przez edytor wizualny, czat lub edytor kodu trafiają do tego samego podglądu na żywo i są od razu widoczne.
Ponad 10 ostrzeżeń przy pierwszym buildzie, naprawione trafnie jednym kliknięciem
Po zakończeniu początkowego builda na dole panelu czatu pojawił się baner: “10+ warnings” z przyciskiem “Fix for me” i ikoną zamknięcia.
Otwarcie konsoli przeglądarki (dostępnej przez ikonę konsoli w obszarze roboczym) pokazało źródło: zduplikowane identyfikatory SVG gradientów w bibliotece Recharts.
Przyczyna: sekcje Dashboard i Reports rejestrowały te same ogólne nazwy gradientów (revGrad, expGrad) jako elementy SVG. Recharts rejestruje gradienty według identyfikatora w przestrzeni nazw SVG, więc ogólne nazwy z wielu instancji wykresów kolidują w tym samym dokumencie. Konsola pokazała długą listę zminifikowanych odwołań JavaScript, wszystkie prowadzące do tego konfliktu.
Kliknięcie „Fix for me” uruchomiło drugi przebieg builda. Narzędzie zidentyfikowało trzy konkretne problemy i zastosowało precyzyjne poprawki:
- Dashboard AreaChart: zmienił identyfikatory gradientów z ogólnych revGrad / expGrad na unikalne dash-area-rev / dash-area-exp, zapobiegając kolizji w przestrzeni nazw
- Occupancy BarChart: zastąpił klucze komórek oparte na indeksie liczbowym (key={i}) stabilnymi, unikalnymi kluczami tekstowymi opartymi na nazwie nieruchomości (key={\occ-${entry.property}`}`), dzięki czemu każda komórka ma stabilny, unikalny klucz
- Maintenance PieChart: zastosował tę samą poprawkę klucza, używając nazwy wpisu (key={\pie-${entry.name}`}`)
Ten build zapisał się automatycznie jako Version 2. Panel historii wersji (dostępny po kliknięciu etykiety wersji u góry obszaru roboczego) pokazuje jasny log:
| Wersja | Etykieta | Czas |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
Po drugim przebiegu konsola pokazała już tylko czyste komunikaty vite hot-reload, a baner ostrzeżeń zniknął. Powrót do Version 1 to jedno kliknięcie w panelu historii wersji.
Cały cykl naprawy od pierwszego builda do czystej konsoli zajął 13 minut, bez ręcznej edycji kodu.
Panel ustawień ma większą głębię, niż można by się spodziewać po narzędziu beta
Panel ustawień otwierany jest przez ikonę koła zębatego w prawym górnym rogu obszaru roboczego. Lista rozwijana organizuje opcje w dwie grupy:
Ustawienia Make:
- General
- Domains
- Fonts
- Chat preferences
- Audio
Integracje:
- GitHub
- Supabase
- Adjust guidelines
General settings obejmuje status publikacji i konfigurację SEO:
| Ustawienie | Szczegóły |
|---|---|
| Status | Nieopublikowane (przycisk Publish dostępny w linii) |
| Title | Edytowalna nazwa projektu |
| Meta description | Automatycznie uzupełniana na podstawie kontekstu builda |
| Language | Pole kodu języka ISO |
| Google Analytics ID | Połącz właściwość GA4, aby śledzić ruch |
| Exclude from search engine results | Pole wyboru, domyślnie zaznaczone w darmowym planie |
| Clear chat context | Trwale usuwa pamięć rozmowy Make; historia czatu pozostaje widoczna |
Opcja Clear chat context jest warta zrozumienia. Czyści pamięć AI dotyczącą rozmowy o buildzie bez usuwania widocznego logu czatu. Jest to przydatne, gdy długi wątek builda sprawia, że AI zbyt mocno opiera się na wcześniejszym kontekście przy nowych prośbach o zmiany.
Ustawienia Domains pokazują:
- Base domain: example.figma.site (darmowa subdomena, uruchamia się po publikacji)
- Connected domains: Opcja dodania własnej domeny od zewnętrznego dostawcy (wymagany plan płatny)
Integracje:
- GitHub: eksport kodu i synchronizacja repozytorium
- Supabase: podłącz prawdziwy backend i bazę danych, aby zastąpić symulowaną warstwę danych
- Adjust guidelines: ustaw własne instrukcje, których AI ma przestrzegać podczas wprowadzania zmian, obejmujące takie rzeczy jak konwencje biblioteki komponentów, standardy nazewnictwa czy ograniczenia projektowe, które chcesz, aby były respektowane w każdym buildzie i iteracji
Opcja Adjust guidelines jest znaczącym dodatkiem, którego inne sekcje narzędzia nie eksponują tak wyraźnie. Pozwala określić, jak AI ma się zachowywać przed rozpoczęciem builda, zamiast poprawiać niepożądane wzorce po fakcie.
Publikacja jest jednoprzebiegowa, a darmowy URL wygląda jak prawdziwa samodzielna aplikacja
Kliknięcie przycisku Publish w prawym górnym rogu otwiera panel zawierający wszystko, co potrzebne, aby przejść na żywo:
| Pole | Szczegóły |
|---|---|
| Title | Edytowalna nazwa projektu |
| URL | example.figma.site |
| Status | Nieopublikowane |
| Feature on Community | Przełącznik do umieszczenia aplikacji w galerii Figma Community |
Przełącznik Feature on Community rozwija sekcję podglądu pokazującą, jak aplikacja będzie wyglądać w Figma Community obok innych opublikowanych aplikacji.
Stąd:
- Możesz wybrać do pięciu tagów, aby skategoryzować aplikację (opcje obejmują Apps, Dashboards i więcej poprzez „Show more”)
- Pole wyboru „Show chat history” kontroluje, czy rozmowa budująca jest widoczna dla osób oglądających Community
- Notka potwierdza: „By publishing to Community, you agree to Figma’s Creator Agreement”
Po publikacji adres figma.site otwiera aplikację w samodzielnym widoku przeglądarkowym. Nie ma interfejsu edytora Figma, nie ma znaku wodnego ani widocznej etykiety „built with Figma Make” wokół aplikacji. Ładuje się i działa jak prawdziwa samodzielna aplikacja webowa, a nie osadzony prototyp.
Publikowanie w darmowym planie obejmuje:
- Udostępnialny adres URL subdomeny figma.site
- Samodzielny widok aplikacji bez widocznego brandingu Figma
- Możliwość wyróżnienia aplikacji w Figma Community
Publikowanie w płatnym planie dodaje:
- Własną domenę od zewnętrznego dostawcy
- Więcej kredytów AI na dodatkowe buildy i iteracje
Cennik i plany Figma Make
Figma Make nie jest sprzedawane jako samodzielny produkt. Dostęp jest dołączony do planów Full seat Figma, a kredyty AI są współdzielone przez wszystkie funkcje AI Figma, nie tylko Make. Build w Figma Make korzysta z tej samej miesięcznej puli co narzędzia AI w Figma Design, edycja obrazów i każda inna operacja oparta na AI w całej platformie.
Darmowy plan Starter obejmuje dostęp do Figma Make, ale miesięczny limit kredytów jest na tyle niski, że jeden złożony build zużyje dużą jego część. Plan Starter nadaje się do oceny narzędzia i jednorazowych testów, a nie dla zespołów, które chcą używać Make regularnie jako części procesu budowania.
Płatne plany są zorganizowane wokół typów seatów. Full seaty w planach Professional, Organization i Enterprise zawierają znacząco więcej miesięcznych kredytów AI, a każdy kolejny poziom zwiększa miesięczny przydział. Jeśli korzystasz z płatnego planu Figma głównie dla Design, Make jest już dostępne bez dodatkowych kosztów w ramach istniejącej puli kredytów.
Dodatkowe kredyty AI można dokupić jako dodatek we wszystkich planach płatnych, co warto rozważyć, jeśli Twój zespół wykonuje kilka buildów Make tygodniowo obok zwykłego użycia AI w Figma.
Nie ma osobnego darmowego okresu próbnego poza planem Starter i nie ma podanej gwarancji zwrotu pieniędzy. Anulowanie planu rocznego nie skutkuje zwrotem za pozostały okres. Anulowanie planu Professional można wykonać z poziomu Admin Dashboard; anulowanie planów Organization i Enterprise wymaga kontaktu z zespołem sprzedaży.
Dopasowanie planu w praktyce: plan Starter pokrywa ocenę narzędzia i sporadyczne użycie. Professional Full seat to minimalny realistyczny punkt wejścia dla zespołów, które chcą korzystać z Make częściej niż raz lub dwa razy w miesiącu bez wyczerpywania limitów kredytów w połowie projektu.
Alternatywy dla Figma Make
Najbardziej bezpośrednim konkurentem Figma Make obecnie jest Lovable. Tam, gdzie Figma Make tworzy aplikację front-endową wewnątrz obszaru roboczego Figma, Lovable jest narzędziem AI do budowy aplikacji, które obsługuje pełny stos: front-end, back-end, bazę danych, uwierzytelnianie i wdrożenie jednym kliknięciem, z samodzielnej platformy z ponad 8 million reported users.
Dla każdego, kto nie jest już na płatnym planie Figma albo potrzebuje aplikacji połączonej z produkcyjnym backendem zamiast dopracowanego prototypu, Lovable prowadzi do wdrożonej aplikacji z danymi szybciej i z mniejszą konfiguracją.
| Funkcja | Figma Make | Lovable |
|---|---|---|
| Łatwość użycia | Prompt-first bez potrzeby konfiguracji | Prompt-first bez potrzeby konfiguracji |
| Najlepsze dla | Projektantów i zespołów już korzystających z płatnego planu Figma | Założycieli nietechnicznych budujących i wdrażających MVP |
| Backend i dane | Tylko front-end; Supabase dostępne jako integracja | Wbudowany backend Supabase od samego początku |
| Elastyczność projektu | Edytor wizualny, edycja przez czat i pełny dostęp do kodu źródłowego | Edycja oparta na czacie z eksportem kodu dostępnym |
| Model cenowy | W pakiecie z seatem Figma Full; wspólna pula kredytów AI | Samodzielna subskrypcja z własnym systemem kredytów |
Końcowy werdykt: czy Figma Make jest warte uwagi?
Dla każdego, kto już płaci za seat Figma Full, odpowiedź jest prosta: tak, i to w dużym stopniu. Jakość wyniku stawia Figma Make przed większością kreatorów aplikacji AI, które są na rynku znacznie dłużej.
Jeden prompt stworzył wieloekranową, opartą na rolach platformę do zarządzania nieruchomościami z modalem płatności Stripe, pulpitem analitycznym na żywo, tablicą Kanban do utrzymania, dwupanelowym UI wiadomości i pełnym panelem administracyjnym z tabelą zarządzania użytkownikami, dokumentacją REST API oraz instrukcjami wdrożenia. Wszystko to w osiem minut, z pełnym dostępem do kodu źródłowego w darmowym planie i czystym, samodzielnym opublikowanym URL. Nic z tego nie jest zwyczajne jak na produkt beta.
Dla zespołów, które nie są obecnie w Figma, decyzja wymaga uczciwego spojrzenia na to, czego naprawdę potrzebujesz. Uzyskanie sensownego dostępu do Figma Make wymaga Full seat w płatnym planie Figma, co oznacza szerszą inwestycję w platformę niż oczekuje tego jakikolwiek samodzielny kreator AI. Jeśli głównym celem jest dostarczenie działającej aplikacji webowej z żywą bazą danych i prawdziwymi użytkownikami, Lovable prowadzi do tego rezultatu szybciej i z mniejszą konfiguracją, bez potrzeby subskrypcji platformy projektowej.
Najwięcej z Figma Make skorzystają dziś projektanci i zespoły produktowe, które chcą zamknąć lukę między statycznym prototypem Figma a interaktywną, opartą na kodzie wersją testową, bez zmiany narzędzi i bez czekania, aż zrobi to programista. W takim konkretnym przypadku Figma Make jest najlepszą dostępną opcją.
