Figma integrerer GitHub i designlerretet. Cursor satser på det motsatte

Code Layers, Figmas nye funksjon, gjør noe som for to år siden ville virket som ønsketenkning: det lar deg klone et GitHub-repository direkte over på designlerretet. Når repositoryet er på plass, kan du trekke ut redigerbare designrammer fra eksisterende kode, gjøre endringer visuelt og synkronisere dem tilbake til repositoryet — alt innenfor én Figma-fil med sanntidssamarbeidet intakt. Design og utvikling i samme vindu.

For designere som i årevis har skrevet overleveringsnotater, kopiert spesifikasjoner inn i Jira-saker eller sendt Zeplin-lenker til ingeniørteamet, endrer Code Layers stedet der samtalen mellom design og kode foregår. Endringer i Figma oppdaterer den underliggende koden; endringer i koden oppdaterer designlaget. Broen mellom de to fagfeltene har alltid krevd et kontekstuelt skifte — nå blir det skiftet mindre.

Figma Motion gjør animasjoner om til leveringsklar kode

Figma annonserte også Motion, en keyframe-basert animasjonstidslinje bygget direkte inn i lerretet. Designere kan lage overganger, hover-tilstander og scroll-animasjoner med en tidslinje og et bibliotek med forhåndsinnstillinger, og deretter eksportere dem i sju formater: CSS, JSON, React, MP4, WebM, animert SVG og GIF. En innlastingsanimasjon laget i Figma er ikke lenger et referansedokument som en utvikler må tolke — det er selve animasjonen.

Den tredje store kunngjøringen var Shader Effects, GPU-akselererte fyllinger drevet av WebGPU — nettleserens nyeste grafikkstandard — som lar designere anvende komplekse, matematisk genererte visuelle teksturer direkte på Figma-lag. Figmas AI-agent kan generere disse tilpassede shaderfyllingene fra en tekstbeskrivelse eller et opplastet bilde. Skriv en setning som ‘mattert glass med myke blå interferensmønstre’, og lerretet produserer noe som rendres live og kan justeres interaktivt.

AI-agenten utvides med ferdigheter, verktøy og eksterne forbindelser

AI-agenten har selv blitt betraktelig bredere. Den kan nå bygge gjenbrukbare ‘ferdigheter’ fra instruksjoner på naturlig språk — tilpassede verktøy som automatiserer gjentatte designoppgaver uten å kreve API-kunnskap — og kobler seg direkte til eksterne tjenester inkludert Notion, GitHub og Microsoft Excel. En senere oppdatering i 2026 vil legge til Weavy, en workflow-builder som Figma kjøpte i fjor, for node-basert automatisering inne i designfiler.

Ikke alt er tilgjengelig i dag. Code Layers er i tidlig tilgang, med søknader som åpner i juli 2026; det krever en Full-plass på en betalt Figma-plan. Shader Effects og den forbedrede AI-agenten er aktive på betalte planer. Figma Motion er tilgjengelig nå for innehavere av Full-plass, med generell tilgjengelighet for Code Layers forventet senere i 2026.

Figmas ambisjon om å absorbere deler av kodeeditoens arbeidsflyt støter på et konkret spørsmål: å skrive kode og å designe grensesnitt er ulike kognitive aktiviteter, og Cursor — AI-kodeeditoren som SpaceX kjøpte for 60 milliarder dollar forrige uke — har bygget sin tilhengerskare blant ingeniører, ikke designere. Om de to fellesskapene vil samles rundt et felles lerret gjenstår å se.

Tagger: GitHub, Code Layers, Config 2026, Cursor, designverktøy, Figma