Ewolucja Figma: Warstwy kodu, wtyczki AI i obsługa animacji

Figma fundamentalnie redefiniuje granicę między projektowaniem a programowaniem dzięki swojej najnowszej, potężnej aktualizacji. Poprzez integrację warstw kodu i możliwości generatywnej sztucznej inteligencji bezpośrednio w swoim kolaboracyjnym obszarze roboczym, platforma przekształca się ze statycznego narzędzia do prototypowania w dynamiczne, multidyscyplinarne środowisko.

Niwelowanie różnic dzięki warstwom kodu

W znaczącym kroku w stronę parzystości „design-to-code”, Figma wprowadziła warstwy kodu bezpośrednio na swój wieloosobowy obszar roboczy. Funkcja ta pozwala zespołom inżynierskim na klonowanie repozytoriów i wyodrębnianie istniejących przepływów kodu z powrotem do warstw projektowych w celu szybkiego testowania i iteracji.

W przeciwieństwie do tradycyjnych procesów pracy, w których projektanci przekazują programistom statyczne pliki, Chief Product Officer w Figma, Yuhki Yamashita, podkreśla, że środowisko to zostało zbudowane z myślą o eksploracji, a nie o osiągnięciu perfekcji gotowej do produkcji. Pozwalając projektantom, menedżerom produktu i inżynierom na interakcję z kodem w sposób przestrzenny i nieliniowy, Figma dąży do przyspieszenia fazy odkrywania (discovery phase) w rozwoju produktu, redukując tarcia często występujące podczas procesu przekazywania projektów (hand-off).

Zaawansowana animacja, shadery i transformacje 3D

Przez lata projektowanie wysokiej jakości animacji (high-fidelity motion design) wymagało od projektantów przełączania się między Figmą a specjalistycznym oprogramowaniem do animacji, co często skutkowało złożonymi procesami konwersji. Figma eliminuje tę złożoność, dodając natywną obsługę animacji, przejść i transformacji 3D.

Aktualizacja rozszerza również zestaw narzędzi wizualnych o wsparcie dla efektów shaderów i wypełnień. Pozwala to na prototypowanie bardziej wyrafinowanych, wysokowydajnych elementów wizualnych bezpośrednio w narzędziu, co zapewnia, że „odczucie” (feel) produktu zostaje uchwycone znacznie wcześniej w cyklu życia.

Generatywna AI i tworzenie własnych wtyczek

Figma intensyfikuje swoje działania w ramach mapy drogowej AI, przekształcając obszar roboczy w programowalną przestrzeń. Użytkownicy mogą teraz używać promptów tekstowych do tworzenia powtarzalnych „umiejętności” (skills) dla agentów AI, co czyni asystenta AI spersonalizowanym współpracownikiem, a nie tylko generycznym narzędziem. Aby zwiększyć dokładność, AI może teraz pobierać kontekst z zewnętrznych narzędzi, takich jak Notion, Excel, GitHub, Granola oraz różnych przesłanych plików.

Być może najbardziej przełomową funkcją dla społeczności programistów jest możliwość tworzenia własnych wtyczek za pomocą prostych promptów. Niezależnie od tego, czy użytkownik potrzebuje konkretnego generatora układów, czy złożonego narzędzia do śledzenia ścieżek wektorowych (vector path tracer), może teraz budować dedykowane narzędzia funkcjonalne wewnątrz Figmy bez pisania tradycyjnego kodu.

Integracja Weavy dla przepływów pracy opartych na modelach

Opierając się na przejęciu opartego na węzłach narzędzia Weavy, Figma pracuje nad integracją zaawansowanych przepływów pracy opartych na modelach (model-driven workflows). Pod koniec tego roku użytkownicy będą mogli generować przepływy pracy Weavy bezpośrednio w interfejsie Figmy. Pozwoli to zespołom projektowym na uruchamianie złożonych procesów przez różne modele AI w celu porównania wyników, co zapewni, że wybrany kierunek projektowy jest zoptymalizowany pod kątem różnych parametrów generatywnych.

Kluczowe wnioski

• Parzystość Code-to-Design: Nowe warstwy kodu pozwalają zespołom na pobieranie danych z repozytoriów bezpośrednio na obszar roboczy, czyniąc środowisko projektowe prawdziwie kolaboracyjną przestrzenią dla inżynierów i projektantów.
• Natywna animacja i shadery: Figma obsługuje teraz transformacje 3D, przejścia i efekty shaderów, co zmniejsza potrzebę korzystania z zewnętrznego oprogramowania do animacji.
• Rozszerzalność napędzana przez AI: Użytkownicy mogą teraz generować własne wtyczki i powtarzalne „umiejętności” AI za pomocą promptów tekstowych, zintegrowanych z zewnętrznymi danymi z GitHub i Notion.