Når en udvikler prompter Claude Code til at bygge en brugergrænseflade, har resultatet typisk været en fungerende prototype — men designmæssigt et stykke fra noget, et designteam ville nikke til. Det problem adresserer Figma nu med en ny feature kaldet Code to Canvas, udviklet i partnerskab med Anthropic.
Fra kode til redigerbart design
Code to Canvas tager kode genereret af AI-værktøjer som Claude Code og konverterer den til fuldt redigerbare designkomponenter inde i Figma. Idéen er enkel: I stedet for at designe først og kode bagefter — eller omvendt — kan teams nu starte med en AI-genereret prototype og forfine designet visuelt.
Konkret betyder det, at en udvikler kan prompte Claude Code til at bygge en React-komponent, eksportere resultatet til Figma via Code to Canvas, og derfra kan designteamet sammenligne varianter side om side og justere layout, farver og spacing — uden at røre koden.
Hvorfor det er vigtigt for udviklere
Partnerskabet afspejler en vigtig erkendelse: Agentic coding-værktøjer som Claude Code har ikke elimineret behovet for design — de har gjort det mere essentielt. Når enhver udvikler kan generere en fungerende UI på minutter, bliver den designmæssige kvalitet den afgørende differentiator.
For udviklere, der arbejder med agentic workflows, løser Code to Canvas et reelt problem. Mange teams har oplevet, at AI-genererede prototyper er svære at overlevere til designere, fordi de kun eksisterer som kode. Nu får designerne et visuelt udgangspunkt at arbejde videre fra.
Konteksten: Sonnet 4.6 og SaaS-panikken
Lanceringen kommer samtidig med, at Anthropic har udgivet Claude Sonnet 4.6 — blot 12 dage efter Opus 4.6. Sonnet 4.6 er nu standardmodellen for alle Claude-brugere og bringer ifølge Anthropic “Opus-niveau performance” til hverdagens opgaver, især inden for kodning og databehandling.
Figma-partnerskabet kommer dog på et interessant tidspunkt. SaaS-aktier er i frit fald — branchen kalder det “SaaSpocalypse” — og Figmas egen aktie er faldet 85% fra toppunktet. Ironisk nok bygger Figma nu en bedre onramp til en motorvej, de måske ikke længere kontrollerer.
Perspektiv
Code to Canvas er et pragmatisk svar på den nye virkelighed, hvor AI-genereret kode er allestedsnærværende. I stedet for at kæmpe imod strømmen, forsøger Figma at gøre sig uundværlig i den del af processen, som AI endnu ikke mestrer fuldt ud: det visuelle håndværk og designbeslutningerne.
Spørgsmålet er, hvor længe det forspring holder. Hvis AI-værktøjer fortsætter med at forbedre deres designkvalitet, risikerer teams at springe forfiningstrinnet helt over. Men lige nu er Code to Canvas præcis det bindeled, mange agentic workflows mangler.
Denne artikel er skrevet i samarbejde med AI, og efterfølgende redigeret af et rigtigt menneske 🙂
