Figma bygger GitHub ind i designlærredet. Cursor satser på det modsatte

Code Layers, Figmas nye funktion, gør noget, der for to år siden ville have lydt som et fromt ønske: det lader dig klone et GitHub-repository direkte over på designlærredet. Når repositoryet er på plads, kan du udtrække redigerbare designrammer fra den eksisterende kode, foretage ændringer visuelt og synkronisere dem tilbage til repositoryet — alt sammen inden for én Figma-fil med realtidssamarbejdet intakt. Design og udvikling i det samme vindue.

For designere, der i årevis har skrevet overleveringsnoter, kopieret specifikationer ind i Jira-sager eller sendt Zeplin-links til ingeniørteamet, ændrer Code Layers det sted, hvor samtalen mellem design og kode finder sted. Ændringer i Figma opdaterer den underliggende kode; ændringer i koden opdaterer designlaget. Broen mellem de to discipliner har altid krævet et konteksttskifte — nu bliver det skifte mindre.

Figma Motion forvandler animationer til leveringsklar kode

Figma annoncerede også Motion, en keyframe-baseret animationstidslinje bygget direkte ind i lærredet. Designere kan bygge overgange, hover-tilstande og scroll-animationer med en tidslinje og et bibliotek med forudindstillinger, og derefter eksportere dem i syv formater: CSS, JSON, React, MP4, WebM, animeret SVG og GIF. En indlæsningsanimation designet i Figma er ikke længere et referencedokument, som en udvikler skal fortolke — det er selve animationen.

Den tredje store annoncering var Shader Effects, GPU-accelererede fyldninger drevet af WebGPU — browserens nyeste grafikstandard — der lader designere anvende komplekse, matematisk genererede visuelle teksturer direkte på Figma-lag. Figmas AI-agent kan generere disse tilpassede shaderfyldninger fra en tekstbeskrivelse eller et uploadet billede. Skriv en sætning som ‘matteret glas med bløde blå interferensmønstre’, og lærredet producerer noget, der renderer live og kan justeres interaktivt.

AI-agenten udvides med kompetencer, værktøjer og eksterne forbindelser

AI-agenten er selv blevet betydeligt bredere. Den kan nu bygge genanvendelige ‘kompetencer’ fra instruktioner i naturligt sprog — tilpassede værktøjer, der automatiserer gentagne designopgaver uden at kræve API-viden — og forbinder sig direkte til eksterne tjenester inklusive Notion, GitHub og Microsoft Excel. En senere opdatering i 2026 vil tilføje Weavy, en workflow-builder, som Figma opkøbte i fjor, til nodebaseret automatisering inden for designfiler.

Ikke alt er tilgængeligt i dag. Code Layers er i tidlig adgang, med ansøgninger der åbner i juli 2026; det kræver en Full-plads på en betalt Figma-plan. Shader Effects og den forbedrede AI-agent er aktive på betalte planer. Figma Motion er tilgængeligt nu for indehavere af Full-pladser, med generel tilgængelighed for Code Layers forventet senere i 2026.

Figmas ambition om at absorbere dele af kodeeditorens arbejdsgang støder på et konkret spørgsmål: at skrive kode og at designe grænseflader er forskellige kognitive aktiviteter, og Cursor — den AI-kodeeditor, som SpaceX erhvervede for 60 milliarder dollars i sidste uge — har bygget sin brugerskare blandt ingeniører, ikke designere. Om de to fællesskaber vil samles om et fælles lærred er stadig et åbent spørgsmål.

Tags: GitHub, Code Layers, Config 2026, Cursor, designværktøjer, Figma