Figma łączy GitHub z płótnem projektowym. Cursor stawia na inne rozwiązanie

Code Layers, nowa funkcja Figmy, robi coś, co dwa lata temu wydałoby się niemożliwe: pozwala sklonować repozytorium GitHub bezpośrednio na płótno projektowe. Gdy repozytorium już tam jest, można wyodrębnić edytowalne ramki projektowe z istniejącego kodu, wprowadzić zmiany wizualnie i zsynchronizować je z powrotem do repozytorium — wszystko w jednym pliku Figmy, z zachowaną współpracą w czasie rzeczywistym. Projekt i programowanie w tym samym oknie.

Dla projektantów, którzy latami pisali notatki przekazania, kopiowali specyfikacje do zgłoszeń Jira lub wysyłali linki Zeplin do zespołu inżynierów, Code Layers zmienia miejsce, w którym toczy się rozmowa między projektem a kodem. Zmiany w Figmie aktualizują bazowy kod; zmiany w kodzie aktualizują warstwę projektową. Most między obiema dziedzinami zawsze wymagał zmiany kontekstu — teraz ta zmiana staje się mniejsza.

Figma Motion zamienia animacje w gotowy do wysyłki kod

Figma ogłosiła też Motion — opartą na klatkach kluczowych oś czasu animacji wbudowaną bezpośrednio w płótno. Projektanci mogą tworzyć przejścia, stany hover i animacje przewijania za pomocą osi czasu i biblioteki presetów, a następnie eksportować je w siedmiu formatach: CSS, JSON, React, MP4, WebM, animowany SVG i GIF. Animacja ładowania zaprojektowana w Figmie nie jest już dokumentem referencyjnym, który deweloper musi interpretować — jest samą animacją.

Trzecią ważną zapowiedzią były Shader Effects — wypełnienia akcelerowane GPU zasilane przez WebGPU (najnowszy standard graficzny przeglądarki), które pozwalają projektantom stosować złożone, generowane matematycznie tekstury wizualne bezpośrednio na warstwach Figmy. Agent AI Figmy może generować te niestandardowe wypełnienia z opisu tekstowego lub przesłanego obrazu. Po wpisaniu frazy takiej jak 'matowe szkło z delikatnymi niebieskimi wzorami interferencji’ płótno tworzy coś, co renderuje się na żywo i można dostosowywać interaktywnie.

Agent AI zyskuje umiejętności, narzędzia i zewnętrzne połączenia

Sam agent AI rozszerzył się znacznie. Może teraz budować wielokrotnie używane 'umiejętności’ z poleceń w języku naturalnym — niestandardowe narzędzia automatyzujące powtarzalne zadania projektowe bez znajomości API — i łączy się bezpośrednio z zewnętrznymi usługami, w tym Notion, GitHub i Microsoft Excel. Późniejsza aktualizacja w 2026 roku doda Weavy, konstruktor przepływów pracy przejęty przez Figmę w zeszłym roku, do automatyzacji opartej na węzłach wewnątrz plików projektowych.

Nie wszystko jest dostępne od dziś. Code Layers jest w fazie wczesnego dostępu, a aplikacje otwierają się w lipcu 2026 roku; wymaga miejsca Full w płatnym planie Figmy. Shader Effects i ulepszony agent AI działają na płatnych planach. Figma Motion jest dostępna teraz dla posiadaczy miejsc Full, a ogólna dostępność Code Layers oczekiwana jest na późniejszy termin w 2026 roku.

Ambicja Figmy, by wchłonąć części przepływu pracy edytora kodu, natrafia na konkretne pytanie: pisanie kodu i projektowanie interfejsów to różne czynności poznawcze, a Cursor — edytor kodu AI przejęty przez SpaceX za 60 miliardów dolarów w zeszłym tygodniu — zbudował swoją społeczność wśród inżynierów, nie projektantów. Czy te dwie społeczności zbiegną się wokół wspólnego płótna, pozostaje otwartą kwestią.

Tagi: GitHub, Code Layers, Config 2026, Cursor, Figma, narzędzia projektowe