Blyerts
MenyTeach & TalkSköt hemsidan med AILagarna kring AI och dataDet nya arbetslivetAI och samhälletAlla temanRedaktörernaKurserMetoderKontexterOrdbokenPlattformenCoWork StudioMedlemskap BasNytt och omskrivetMedlemskap Bas · gratis till nyår

Levande designsystem (design.html)

Ett designsystem — färger, typografi, mellanrum, komponenter — kodat som en självständig HTML-fil som reser med kodbasen. Utvecklare, designer och marknad delar samma källa: komponenter kan visualiseras, varieras …

OrdbokenBegreppOsäkert, läs med försiktighet

Levande designsystem (design.html)

Designsystem kodat som självständig HTML-fil som följer med kodbasen — läsbar för både människa och AI.

Ett levande designsystem är idén att lägga designsystemet — färger, typografi, mellanrum, komponenter — i en fristående HTML-fil som versionshanteras tillsammans med koden i stället för att bo i ett separat designverktyg eller en statisk markdown-fil. Poängen är att alla parter läser samma källa: utvecklare, designer och den som skriver innehåll ser komponenterna renderade och kan variera dem direkt. Eftersom formatet är HTML kan även en språkmodell läsa filen och bygga mot den utan mellanled, vilket minskar avdriften mellan hur systemet är beskrivet och hur det faktiskt ser ut.

Mönstret löser ett återkommande problem: designdokumentation som är korrekt vid skrivtillfället och inaktuell tre månader senare, eftersom den inte används i produktionen. Nackdelen är att en enda HTML-fil skalar dåligt när systemet blir stort och att den saknar de granskningsflöden ett dedikerat designverktyg ger. Det är ett arbetssätt, inte en standard, och det finns ingen etablerad specifikation att hänvisa till.

Källor

Praktikbaserat mönster; ingen etablerad specifikation

Osäkert, läs med försiktighet · Ordboken kontrolleras varje natt, ett urval ord i taget

Secret Link