SmashingConf Freiburg 2026!

Hanna Olsson,

Historisches Kaufhaus Historisches Kaufhaus yardImponerande Historisches Kaufhaus

UX-konferens med fokus på Designsystem, Tillgänglighet, Modern CSS och AI

Efter att ha sett Vitaly Friedman på Nordic JS 2025 och då jag länge velat gå på just en Smashing Magazine konferens kändes det riktigt kul när dem utannonserade just en med fokus på på UX och användarupplevelser. Här kommer några punkter från konferensen som kan vara intressant att dela med andra UX-entusiaster!

Inne i Historisches KaufhausDag 1 av SmashingConf 🙌🏼

Design systems + AI

Designsystem behöver också bli anpassade för AI, så att rätt tolkning görs. Utöver en förståelse för tokens och komponenter behöver även AI förstå hur komponenterna används, beteenden och vilka begrännsningar som finns. Ett enkelt sätt att göra detta på är att lägga till beskrivningar på komponenter direkt i Figma, vilket gör det tydligare för AI att förstå vad komponentens grännsnitt och beteende är. I beskrivningen kan man också lägga till info om tillgänglighet för att verkligen få med alla aspekter.

Parera design och kod

Så hur håller man design och kod i synk? Hur lik är egentligen komponenten i Figma den som finns i kod? Genom att mäta skillnader, jämföra design med kod kan man upptäcka så kallad design drift innan den blir ett större problem. Här finns det många plug-ins man kan använda för att identifiera detta, bland annat Design Lint.

Från design till kod

Verktyg som Storybook och AI kan användas för att snabbt skapa en första version eller iteration av en komponenten och låta designers själva experimentera mer direkt i kod, till exempel genom att skapa en Design Branch i Github och låta designersarna göra egna PR's.

AI behöver guardrails

AI är väldigt bra på att skriva kod snabbt men är även väldigt övertygande när den har fel. Därför behövs tydliga regler för vad som är okej och inte och alltid i korrelation med mänsklig granskning.

Framtidens designsystem

En intressant tanke var att designsystem kanske går från att vara något statiskt till något mer dynamisk adaptivt och situationsbaserat. “Ephemeral design” och “Sentient design” där gränssnitt anpassas efter kontext och användare.

Fanta på flaska i högsommarvärmen

SmashingConf klistermärkenEgengjord solfjäder & CSS-stickers!

Sammanfattning

Förutom designsystem, AI och tillgänglighet talades det också om värdet kring: Source of the truth och The human side of things. Att det finns ett ansvar för alla som använder AI att se till att outputen är så korrekt den kan bli. Kollar man igenom mina tidigare blogg-artiklar, är jag fortsatt optimistisk till AI, så länge som man tar sitt ansvar när man använder det. Samt att man använder AI, där det är mest vettigt.

Att skapa bra innehåll som ägs av en själv och inte sociala medier plattformar, är viktigare nu mer än någonsin. Hidde de Vries belyste detta i sitt tal om A Web That Serves Us All, där han slog ett slag för att blogga, skapa ett mänsklig community, vikten av att dela information genom t.ex. länkning.

Kul tycker jag, då jag försökt väcka lite mer liv i min blogg i år. Mycket på grund utav att det innehåll som finns främst lever och frodas på Instagram, YT, TikTok, och inte heller ägs av mig, utan någon annan.

Man kan tycka att blogga känns omodernt, men min blogg och mina artiklar är dem sidor som får flest besök, vilket kanske säger något om behovet av ett mänskligt perspektiv nu mer än någonsin?

Mysiga gator i FreiburgSightseeing Freiburg - pittoreskt & filmiskt!