Figma dodaje AI do animacji i shaderów oraz pozwala edytować kod na płótnie

👁 140 przeczytań

Figma na swojej dorocznej konferencji Config zaprezentowała zestaw nowych narzędzi do projektowania i kodowania, które mają automatyzować żmudne zadania przy pomocy AI. Centralnym elementem jest przeprojektowane płótno (canvas), zoptymalizowane - jak twierdzi firma - pod pełnoprawny rozwój full-stack i zbierające w jednym miejscu zespoły, agentów AI, narzędzia oraz materiały.

Dwie najgłośniejsze nowości to code layers oraz generowane przez AI animacje. Code layers pozwalają pracować bezpośrednio z kodem na płótnie Figma Design: można sklonować repozytorium, wygenerować nowe warianty z pomocą agenta Figmy, wyodrębnić przepływy do edytowalnych warstw projektowych i zsynchronizować zmiany z powrotem do kodu. To próba domknięcia luki między projektem a jego implementacją, która od lat była słabym punktem narzędzi do projektowania.

Funkcja Motion umożliwia projektowanie animacji, przejść i transformacji 3D wprost w Figmie, wspólnie z zespołem. Animacje można tworzyć poleceniem, stosować gotowe ustawienia wstępne albo ręcznie regulować je na osi czasu. Co istotne, Motion jest powiązane z systemami projektowymi i oparte na kodzie, więc - według Figmy - jest gotowe do wdrożenia.

Shadery z polecenia i integracja z Weave

Nowe narzędzie Shaders pozwala budować efekty i wypełnienia shaderów na podstawie opisu tekstowego, korzystając z WebGPU. Dzięki temu na płótnie pojawiają się efekty wcześniej w Figmie niedostępne, takie jak dithering, pikselizacja czy różne typy rozmycia.

Firma zapowiedziała też przepływy pracy Figma Weave - ponad 20 zintegrowanych narzędzi, które mają zamieniać złożone procesy AI w proste opcje na płótnie. To pierwszy krok do pełnej integracji Figmy z Figma Weave, planowanej na dalszą część roku.

Na poziomie współpracy zespołowej Figma dodaje agent skills - powtarzalne czynności można zapisać jako umiejętności do wielokrotnego wykorzystania przez cały zespół, a agentowi można dostarczać więcej kontekstu przez łączniki do usług zewnętrznych, wyszukiwanie w sieci i załączniki. Pojawiają się również generatywne wtyczki: agent zamienia polecenie w gotowe, edytowalne i współdzielone narzędzie, bez konfiguracji deweloperskiej i bez umiejętności technicznych.

Kierunek jest tu czytelny: Figma chce, by projektant coraz mniej rzeczy oddawał programiście, a coraz więcej domykał samodzielnie na płótnie - od animacji, przez efekty graficzne, po sam kod. Dla zespołów produktowych to obietnica skrócenia drogi od makiety do działającej aplikacji.

Czy w praktyce kod generowany na płótnie okaże się gotowy do produkcji, czy raczej punktem wyjścia do poprawek - to zweryfikują dopiero realne projekty.

// czytaj dalejIle kosztuje Canva Pro? Cena, plany i co dodaje wersja płatnaArtykułyAI do prezentacji: od konspektu do edytowalnych slajdówArtykułyJak robić realistyczne animacje ust w Kling AI 3.0 - tutorial dla twórcówTutoriale