Na tegorocznej konferencji Config (23–25 czerwca, San Francisco) Figma zapowiedziała sześć nowości, które radykalnie zmienią zakres działania i możliwości aplikacji. Animacje, efekty GPU, kod bezpośrednio na canvasie. Oto co zostało ogłoszone i co z tego wyniknie dla projektantow.

Config to coroczna konferencja Figmy skierowana do twórców produktów cyfrowych. CEO Dylan Field otworzył keynote prowokacyjną tezą:

AI obniżyło podłogę, ale nie podniosło sufitu. Projektanci – to wy podniesiecie sufit.

I zaraz po tym zaprezentował narzędzia, które mają w tym pomóc.

Cała filozofia tegorocznych ogłoszeń sprowadza się do jednego: canvas Figmy wchłonie sąsiednie narzędzia – edytory kodu, oprogramowanie do animacji, shadery GPU – zamiast odsyłać do nich po wykonanej pracy. 

Code Layers – kod jako warstwa projektu

Największa nowość edycji skierowana typowo dla twórców stron internetowych czy design systemów. Każdą warstwę będzie można jednym kliknięciem (lub promptem) zamienić w interaktywną warstwę kodu i pracować nad nią razem z zespołem programistów w tym samym pliku. Code Layers obsłużą repozytoria narzędzi typowo programistycznych (na przykład GitHuba) pozwalając na iteracyjną współpracę.

Dla projektów to zmiana podejścia. Dotąd Figma była miejscem, gdzie produkt „tylko wygląda”. Od teraz ma być miejscem, gdzie decyzje projektowe zaczną wpływać bezpośrednio na implementację. 

Dostępność: beta od lipca 2026, lista oczekujących na figma.com/config-betas.

Figma Motion – animacje bez opuszczania programu

Animacje także trafią na canvas – w tym samym pliku, co komponenty, zmienne i projekty. Figma Motion zaoferuje pełną oś czasu z keyframe’ami (klatkami kluczowymi określającymi początek i koniec ruchu), presetami i zmiennymi timingowymi. Będzie można budować animacje od zera, nakładać je na istniejące projekty lub wygenerować punkt startowy promptem przez agenta AI.

Eksport obsłuży formaty CSS (język stylowania stron WWW), JSON (format wymiany danych), React (biblioteka do budowania interfejsów), MP4, WebM, Animated SVG i GIF. Dev Mode – tryb dla programistów w Figmie – zyska zakładkę Motion, gdzie koderzy będą mogli oglądać animacje w pełnej rozdzielczości i kopiować gotowy kod.

Dostępność: open beta od 24 czerwca 2026 na wszystkich planach; generowanie animacji agentem i eksport wideo w wysokiej rozdzielczości wymagają płatnego planu.

Shader Fills & Effects – efekty GPU na canvasie

Czyli odrobina creative coding w zasięgu reki. Opisujesz efekt słowami lub dajesz referencję zdjęciową, a agent generuje shader – program uruchamiany bezpośrednio na karcie graficznej (GPU) – z regulowanymi parametrami, bezpośrednio na canvasie. Technologia opiera się na WebGPU i obsługuje m.in. dithering (symulację gradientu przez wzorce kropek), pikselizację, efekt maty (frosted glass), połyskliwy chrom, halftone czy efekty cząsteczkowe.

Kluczowe: wynik to nie statyczny obraz do zaakceptowania lub wygenerowania od nowa. Shadery będą sparametryzowane i dadzą się keyframować w osi czasu ruchu, a więc będzie można je będzie animować. 

Dostępność: open beta na płatnych planach (Full seat) od 24 czerwca.

Generative Plugins – pluginy pisane przez agenta

Opisujesz, co ma robić plugin, a agent Figmy pisze kod. Zamiast szukać w katalogu społeczności lub zatrudniać developera masz po prostu opisać potrzebę, a narzędzie wygeneruje plugin dostosowany do konkretnego workflow. To logiczne rozwinięcie filozofii generatywnych narzędzi, tym razem skierowane na rozszerzalność platformy.

Weave Tools

Narzędzia Weave – zestaw workflowów do generatywnej obróbki obrazów – trafią bezpośrednio na obszar roboczy. Nowe narzędzie „transfer style” pomoże przenieść styl z jednego obrazu referencyjnego na obraz docelowy. 

Zaktualizowany agent – Skills i Connectors

Agent Figmy, który trafił do wszystkich użytkowników dzień przed keynotem, zyska dwie ważne funkcje. Skills to spakowane w instrukcje reguły projektowe (fonty, kolorystyka, typografia) twojego zespołu – będzie można budować własne, korzystać z zespołowych lub pobierać ze społeczności. Connectors połączą agenta z zewnętrznymi narzędziami: Notion, Slack, GitHub, Atlassian, Granola, Hex i innymi.

Co to oznacza w praktyce?

Figma nie będzie już walczyć tylko ze Sketch czy Adobe XD. Po Config 2026 wejdzie na teren After Effects (Motion), edytorów shaderów (Fills & Effects) i narzędzi do kodowania wspomaganego AI jak Cursor czy Replit (Code Layers) – i to wszystko w jednym pliku, wspólnie z całym teamem.

Dla projektów graficznych, zwłaszcza tych pracujących na styku brandingu i digital, największą zmianą będzie Motion i Shader Fills. Efekty GPU i animacje dostępne przez prompty to nowe terytorium – dotąd zarezerwowane dla wąskiej grupy specjalistów. Figma właśnie to demokratyzuje.

Pełny keynote jest dostępny na kanale YouTube Figmy.

Listę oczekujących na bety można zapisać na figma.com/config-betas.