Figma Make – rewolucja w prototypowaniu z AI według szefa produktu Figma #EN78

TL;DR:

W omawianym webinarze David Kossnick, szef produktu AI w Figma, przedstawia Figma Make – nowe narzędzie AI do prototypowania
Narzędzie potrafi przekształcać prompty tekstowe, zrzuty ekranu lub makiety Figma w interaktywne prototypy w ciągu minut
Według Kossnicka kluczową przewagą narzędzia jest wyjątkowa integracja z ekosystemem Figma i współpraca w czasie rzeczywistym
Prowadzący wyjaśnia, że proces oceny jakości opiera się na dwóch niezależnych wskaźnikach: ocenie designu i ocenie funkcjonalności
W podcaście omówiono, jak narzędzie zmienia podejście do pracy produktowej – prototypy stają się nowym standardem dokumentacji
Kossnick dzieli się wnioskami z wcześniejszej, mniej udanej funkcji Make Design, podkreślając wagę przejrzystej komunikacji
Podczas prezentacji pokazano zaskakujące przypadki użycia, wykraczające daleko poza profesjonalne projektowanie

Kontekst wywiadu z Davidem Kossnickiem o Figma Make

Podczas analizowanego wywiadu David Kossnick, szef produktu AI w Figma, prezentuje właśnie wprowadzone na rynek narzędzie Make. Jak wyjaśnia w rozmowie, narzędzie to oparte na sztucznej inteligencji znacząco zmienia sposób tworzenia prototypów, skracając cały proces do zaledwie kilku minut. Rozmowa skupia się na pokazaniu, dlaczego to rozwiązanie może fundamentalnie zmienić podejście do projektowania.

Jak działa Figma Make w praktyce – demonstracja podczas webinaru

Prototypowanie z tekstu

Jak prezentuje Kossnick podczas demonstracji, Figma Make to narzędzie prototypowania, które może rozpocząć pracę od prostego promptu tekstowego, zrzutu ekranu lub makiet. Prowadzący podkreśla, że jest przeznaczone przede wszystkim dla designerów, PM-ów i inżynierów, pomagając im ożywić pomysły.

Prezentowany w trakcie rozmowy proces jest zaskakująco prosty:

Prowadzący wprowadza prompt tekstowy (np. „nowoczesna galeria zdjęć, gdzie możesz klikać na różne zdjęcia i przechodzić między nimi”)
Widzimy, jak system rozpoczyna analizę zakresu i planowanie realizacji
Kossnick pokazuje, jak podczas generowania kodu można śledzić postęp w czasie rzeczywistym
Demonstracja kończy się edycją wygenerowanego kodu

Przekształcanie obrazów w interaktywne prototypy

W kolejnej części webinaru Kossnick pokazuje, jak Figma Make potrafi przekształcać statyczne obrazy w interaktywne prototypy. Prezentuje, jak zwykłe zdjęcie układu słonecznego zostało przekształcone w interaktywny model z obracającymi się planetami. Prowadzący podkreśla, że ten aspekt jest szczególnie wartościowy dla osób bez umiejętności programistycznych.

Praca z projektami z Figma

Najciekawsza część demonstracji dotyczy integracji z projektami stworzonymi w Figma. Kossnick wyjaśnia, że przy kopiowaniu elementów z pliku Figma do Make, system wykorzystuje nie tylko obraz, ale całą strukturę danych – wszystkie warstwy, metadane i szczegóły stylizacji. W trakcie webinaru widzimy, jak przekłada się to na wierność prototypu.

Unikalne wartości Figma Make według Kossnicka

Prowadzący podkreśla dwie kluczowe przewagi Figma Make:

Jest najlepszym miejscem do rozpoczęcia od designu
Wykorzystuje multiplayerowy charakter wszystkich produktów Figma

Współpraca w czasie rzeczywistym

Podczas wywiadu Kossnick demonstruje, jak tryb współpracy umożliwia jednoczesną pracę nad prototypem:

Widzimy awatary użytkowników
Prowadzący pokazuje narzędzie wskazujące
Prezentuje, jak można obserwować zmiany wprowadzane przez innych w czasie rzeczywistym
Demonstracja obejmuje jednoczesne wprowadzanie zmian wizualnych i edycję kodu

W dalszej części rozmowy Kossnick pokazuje funkcję kontekstowego promptu, pozwalającą na wprowadzanie zmian w konkretnych elementach. Wybierając element na ekranie, prowadzący wprowadza prompt, aby zmienić sposób działania stanu hover.

Kulisy tworzenia narzędzia AI do prototypowania – techniczne aspekty omówione w podcaście

Jak działa AI za kulisami

Kossnick wyjaśnia, że system AI za Figma Make opiera się na etapach planowania i wykonania:

AI analizuje zakres projektu
Podejmuje decyzje o tym, co należy zrobić
Przechodzi do etapu wykonania
Generuje kod w czasie rzeczywistym

Proces ewaluacji jakości omawiany w wywiadzie

W trakcie rozmowy Kossnick szczegółowo omawia, jak w Figma ewaluuje się jakość. Wymienia dwa główne wskaźniki: ocenę designu i ocenę funkcjonalności. Jak zaznacza, te wskaźniki są często niezależne – można mieć prototyp, który wygląda świetnie, ale nie działa prawidłowo, lub taki, który działa, ale wygląda inaczej niż oczekiwano.

Prowadzący opisuje cztery typy oceny:

Ewaluacje deterministyczne – sprawdzanie logicznych błędów
Ewaluacje jakościowe – oceny przez zespół i kontrahentów
Ewaluacje syntetyczne – z wykorzystaniem AI jako sędziego
Ewaluacje użytkowe – testy A/B zachowań użytkowników

Jako ciekawostkę Kossnick wspomina o początkach procesu ewaluacji – wewnętrznych testach z prototypem i firmowym wydarzeniu nazwanym „Great Bake Off”, gdzie pracownicy testowali narzędzie w sesjach na żywo.

Wyzwania techniczne omówione w webinarze

Prowadzący dzieli się trzema największymi wyzwaniami przy tworzeniu Figma Make:

Infrastruktura – projekt wywodzi się z wcześniejszej inicjatywy Code Layers
Równowaga jakość-szybkość-koszt – ciągły proces optymalizacji
Niedeterministyczna natura AI – te same instrukcje mogą dawać różne wyniki

Kossnick przywołuje ciekawy przykład z diagnostyki – zespół długo nie mógł zrozumieć, dlaczego system czasem radził sobie dobrze, a czasem spektakularnie zawodził, aż odkryli problem z formatem plików.

Wpływ AI na procesy projektowe według szefa produktu Figma

Zmiana roli prototypów

W jednym z ciekawszych fragmentów wywiadu Kossnick zauważa, że „prototyp jest wart tysiąc bajtów”, podkreślając, że koszt tworzenia prototypów drastycznie spada – potrzeba mniej czasu, ekspertyzy i mniejszych zespołów.

Prowadzący przewiduje, że prototypy, które kiedyś były pomocniczym elementem, stały się nowym złotym standardem jako artefakt projektowy, a w nadchodzącym roku mogą stać się również standardowym artefaktem dla product managerów.

Nowe podejście do dokumentacji produktowej

Podczas rozmowy pada interesująca refleksja o przyszłości dokumentacji. Kossnick sugeruje, że PRD pozostaje dobrym punktem wyjścia, ale teraz można umieścić cały dokument w polu promptu i uzyskać prototyp, który natychmiast ujawni problematyczne obszary.

Przyspieszenie cyklu iteracji

W webinarze omawiany jest wpływ na cykl iteracji. Kossnick podkreśla, że gdy projektant udostępnia design, product manager może teraz szybko tworzyć różne warianty, bez angażowania designera, co znacząco przyspiesza proces decyzyjny.

Wnioski z wdrażania technologii AI w Figma – lekcje przedstawione w wywiadzie

Lekcje z wcześniejszych doświadczeń

Kossnick otwarcie mówi o funkcji Make Design, która spotkała się z mieszanymi reakcjami. Jak wyjaśnia, zespół wyciągnął dwa kluczowe wnioski. Po pierwsze, należy jasno komunikować działanie systemu – w przypadku Make Design, wprowadzenie nowej polityki danych spowodowało zamieszanie, gdyż użytkownicy myśleli, że firma już trenowała narzędzie na ich danych.

W przypadku Figma Make, jak podkreśla prowadzący, firma jest bardziej bezpośrednia – w oknie promptu wyraźnie zaznaczono, że narzędzie jest zasilane przez Claude 3.7 Sonnet.

Jasna komunikacja celu narzędzia

Drugim wnioskiem, jak wyjaśnia Kossnick, było lepsze wyjaśnienie celu narzędzia. Niektórzy projektanci odbierali Make Design jako próbę zastąpienia ich pracy, nawet sama nazwa sugerowała, że narzędzie tworzy projekty zamiast designerów.

Prowadzący wspomina, że wewnętrzna nazwa „First Draft” lepiej oddawała prawdziwy cel – oszczędzanie czasu w początkowej fazie. W przypadku Figma Make, jak podkreśla Kossnick, firma skoncentrowała się na komunikacie: „Kochamy was. Jesteśmy wami. Chcemy dać wam więcej mocy i umożliwić wam realizację waszej wizji”.

Różnorodne przypadki użycia Figma Make pokazane w webinarze

Pod koniec wywiadu Kossnick prezentuje kilka fascynujących przypadków użycia, które wykraczają poza profesjonalne projektowanie:

Proste narzędzie do malowania spray stworzone w 5 minut
W pełni trójwymiarowa strzelanka pierwszoosobowa
Narzędzia dla procesów marketingowych
Aplikacje wykorzystujące publiczne API

Jako najciekawszy przykład prowadzący wspomina swojego 6-letniego syna, który stworzył około 10 gier w Figma Make: „Przychodzi ze szkoły ze szkicami pomysłów i pyta: 'Czy mogę dać ten obrazek do Make i zacząć tworzyć grę?’”

Praktyczne wskazówki dla twórców narzędzi AI od szefa produktu Figma

Kossnick kończy wywiad radą dla zespołów pracujących nad narzędziami AI: „po prostu zacząć tworzyć”. Podkreśla, że uczysz się przez działanie i budujesz empatię wobec użytkowników.

Prowadzący wyjaśnia koncept „labiryntu wyborów w AI” – masz pomysł na funkcję, która może zadziałać od razu, okazać się zbyt skomplikowana lub działać częściowo. Wtedy musisz zdecydować: wyjść z labiryntu i zaczekać, zawęzić zakres produktu, czy pokonać przeszkody za pomocą dostrajania modeli.

Ten artykuł jest częścią serii notatek z wartościowych webinarów.

Źródło: Wywiad z Davidem Kossnickiem o Figma Make, przeprowadzony przez Petera Yanga: https://www.youtube.com/watch?v=8rdLnO6ef4k