Coinbase kopplade design till kod – agentkostnaden föll 22,5 %
När Figma-komponenter pekade på riktig kod valde agenten oftare rätt byggdel. I tre jämförande körningar sjönk kostnaden, men utfallet är ännu ett litet test.
En kodagent kan få en Figma-skiss att se rätt ut på skärmen och ändå bygga fel sak under ytan. Den kan rita en egen stegvis process av staplar och etiketter i stället för att använda den färdiga Stepper-komponenten i företagets kodbas. Det var ett av problemen som Coinbase Design System ville lösa när teamet kopplade sina Figma-komponenter till produktionskod med Code Connect.
I teamets jämförelse blev agentkörningarna i genomsnitt 22,5 procent billigare, tog 22,3 procent kortare tid och använde 11,5 procent färre token med Code Connect. Den viktigare skillnaden syntes i vad agenten byggde: den valde rätt komponenter och följde designbibliotekets färger och storlekar bättre.
Från liknande utseende till rätt komponent
Figma Code Connect mappar en komponent i designfilen till dess motsvarighet i kod. När en kodagent hämtar designkontext via Figmas MCP-server kan den då få exempel på verkliga komponenter, importer och egenskaper. Utan den kopplingen får agenten mer av en visuell beskrivning och måste själv leta efter rätt byggdel.
Coinbase hade redan egna regler för hur agenter ska använda designsystemet. De hjälpte agenten att undvika gamla mönster och välja rätt designvariabler, men löste inte hela översättningen från en specifik Figma-komponent till kod. Teamet uppdaterade därför hundratals kopplingar. Enligt teknikansvarige Erich Kuerschner tog ett agentstött arbetsflöde dem från några uppdaterade kopplingar till täckning för hela biblioteket på omkring fyra timmar.
Ett lovande resultat i ett litet test
Coinbase körde samma design, prompt och modell, Sonnet 4.6, med och utan Code Connect. Testet gjordes i en tom kodbas som återställdes mellan körningarna. Figma redovisar tre jämförande körningar och anger att förbättringarna syntes i alla tre.
Coinbase kopplade sitt designsystem i Figma till motsvarande kodkomponenter och jämförde kodagenters arbete med och utan Code Connect. I tre körningar minskade kostnaden med i genomsnitt 22,5 procent, tiden med 22,3 procent och tokenanvändningen med 11,5 procent.
En agent som hittar rätt komponent från början behöver inte gissa sig fram till importer, egenskaper och designvariabler. Det kan ge kod som passar den befintliga produkten bättre och kräver mindre omarbete.
Det mest intressanta är inte procentsatsen i sig utan att designbiblioteket blir användbar kontext för den som skriver kod, även när den skribenten är en agent. Men tre körningar på en och samma design räcker inte för att lova samma besparing i andra kodbaser. Värdet avgörs av hur väl design och kod faktiskt hålls ihop över tid.
