Sådan sparer du din udvikler tid – og dig selv frustrationer

Nyhedsbrev udsendt d. 28. sep. 2025

Noget at tænke over

Fremtidens handoff starter her

Bedste.

Tip.

Ever.

Sådan skrev en front-ender til mig, da jeg forleden nævnte Figmas MCP server.

Han testede det kort.

Og sparede straks tid i opsætningen af et interface.

Men hvad er MCP egentlig?

MCP (Model Context Protocol) er et oversættelseslag.

Det gør, at udviklere kan trække design-information fra dine Figma-filer til deres værktøjer.

– Ingen screenshots eller misforståelser.

Kort fortalt betyder det:

• Udviklere får design-kontekstdirekte fra dine filer: komponenter, variabler og layoutdata – ikke bare pixels. - Figma-komponenter kan kobles til faktisk kode via Code Connect, så design og udvikling kan holdes tættere synkroniseret.

MCP er lige nu i open beta – funktionerne er stærke, men stadig under udvikling, så der kan være små bump på vejen.

Dine valg i Figma rækker længere, end du tror

Bruger du auto layout og variabler konsekvent?

Holder du filer rene og systematiske?

Så bliver MCP broen mellem design og kode.

Dit designsystem bliver den egentlige “single source of truth”.

Det er ikke bare tidsbesparelse.

Det er en ny måde at tænke samarbejdet på.

Men husk: rod ind = rod ud.

Hvis du har dubletter, tilfældige styles eller ulogiske navne, bliver MCP bare en genvej til mere rod.

3 spørgsmål til din reflektion

Når MCP banker på

• Hvilke dele af dit design system står stærkt – og hvilke ville MCP afsløre som rod?
• Hvad betyder det for dig, at design systemet er den egentlige “single source of truth” – og lever dine filer op til det?
• Ville MCP gøre dit liv lettere – eller sværere – i dag?

Gør noget nu…

Din MCP-tjekliste

Start med tjeklisten 👇🏻

Brug den næste gang du bygger et komponent eller et flow:

✅ Brug auto layout konsekvent, så strukturen kan aflæses.

✅ Navngiv lag og komponenter meningsfuldt – brug klare, beskrivende navne, som en udvikler kan forstå uden at spørge dig.

✅ Strukturer dine komponenter hierarkisk (fx knap > ikon + label), så relationerne giver mening i kode.

✅ Tilføj noter eller korte beskrivelser i Figma, hvis et designvalg ikke er selvforklarende.

✅ Tjek for rod i dine filer: dubletter, tilfældige styles eller ulogiske navne.

Når du har styr på det, invitér din udvikler til en snak om MCP.

Lad dem køre din struktur ud og se, om den giver mening i deres verden.

På den måde kan I begge lære og justere sammen.

Vil du i gang sammen med din udvikler, så start med at sende disse tre links:

Har I prøvet MCP endnu?

Skriv til mig – jeg vil gerne høre, hvordan det spiller i dit samarbejde med udviklerne.

Måske kan dine/jeres erfaringer komme med i et af de kommende nyhedsbreve 🙂

Indtil næste uge…

Pas på dine brugere du designer til – og på dig selv.

/ Michael Brydebøl