Linda Vennerlund

Ivers Designsystem - Lemon

I augusti 2023 togs ett beslut att vi i UX-teamet på Iver AB skulle förnya det befinliga designsystemet. Vi valde i samband med detta att gå över till Figma från Adobe XD. Jag fick ansvaret att bygga upp designssystemet i Figma medan mina två kollega tog ansvaret att bygga komponenterna kodmässigt. Designsystemet Lemon används i två olika sammanhang - dels i en IT-portal för Ivers kunder (Yellow) och dels i en Ivers interna ERP system som samtidigt påbörjade flytten från WPF till ett webbaserat gränssnitt.

Lärdomar och kunskaper

Att vara med och bygga upp ett designsystem från grunden i Figma har varit en omfattande process som gett mig djupgående kunskaper och flera nyttiga insikter:

 

  • Förståelse för designsystemets värde: Jag har lärt mig att designsystem inte bara effektiviserar design- och utvecklingsprocesserna utan också säkerställer enhetlig användning av komponenterna och ger en mer sammanhängande användarupplevelse.

 

  • Teknisk behärskning av Figma: Genom att bygga upp ett designsystem i Figma har jag utvecklat avancerade färdigheter i verktyget, inklusive komponentbibliotek, variabler, varianter, plugins, och effektiv användning av delnings- och samarbetsfunktioner.

 

  • Designprinciper och bästa praxis: Jag har fördjupat min kunskap om designprinciper och bästa praxis för användargränssnitt och tillgänglighet. Att bygga ett designsystem kräver en noggrann tillämpning av designprinciper för att säkerställa att systemet stöder skapandet av intuitiva och tillgängliga användargränssnitt.

 

  • Samarbete och kommunikation: Jag har lärt mig vikten av tvärfunktionellt samarbete och effektiv kommunikation med utvecklare, produktägare och andra intressenter. Att bygga och implementera ett designsystem kräver samordning och feedback från olika team för att säkerställa att systemet möter alla användares behov.

 

  • Planering av implementering: Jag har utvecklat färdigheter i att strategisk planera genom att prioritera komponenter utifrån organisationens behov och skapa en roadmap för implementering.

 

Sammanfattningsvis har processen att bygga upp ett designsystem i Figma från grunden inte bara gett värdefulla tekniska färdigheter utan också en djupare förståelse för designprinciper, strategisk planering, och vikten av samarbete och kommunikation för att skapa enhetliga och effektiva digitala produkter.

Projekt: Visuell design

Projekt: Vibe Coding

Linda Vennerlund

Ivers Designsystem -

Lemon

I augusti 2023 togs ett beslut att vi i UX-teamet på Iver AB skulle förnya det befinliga designsystemet. Vi valde i samband med detta att gå över till Figma från Adobe XD. Jag fick ansvaret att bygga upp designssystemet i Figma medan mina två kollega tog ansvaret att bygga komponenterna kodmässigt. Designsystemet Lemon används i två olika sammanhang - dels i en IT-portal för Ivers kunder (Yellow) och dels i en Ivers interna ERP system som samtidigt påbörjade flytten från WPF till ett webbaserat gränssnitt.

Lärdomar och kunskaper

Att vara med och bygga upp ett designsystem från grunden i Figma har varit en omfattande process som gett mig djupgående kunskaper och flera nyttiga insikter:

 

  • Förståelse för designsystemets värde: Jag har lärt mig att designsystem inte bara effektiviserar design- och utvecklingsprocesserna utan också säkerställer enhetlig användning av komponenterna och ger en mer sammanhängande användarupplevelse.
  • Teknisk behärskning av Figma: Genom att bygga upp ett designsystem i Figma har jag utvecklat avancerade färdigheter i verktyget, inklusive komponentbibliotek, variabler, varianter, plugins, och effektiv användning av delnings- och samarbetsfunktioner.
  • Designprinciper och bästa praxis: Jag har fördjupat min kunskap om designprinciper och bästa praxis för användargränssnitt och tillgänglighet. Att bygga ett designsystem kräver en noggrann tillämpning av designprinciper för att säkerställa att systemet stöder skapandet av intuitiva och tillgängliga användargränssnitt.
  • Samarbete och kommunikation: Jag har lärt mig vikten av tvärfunktionellt samarbete och effektiv kommunikation med utvecklare, produktägare och andra intressenter. Att bygga och implementera ett designsystem kräver samordning och feedback från olika team för att säkerställa att systemet möter alla användares behov.
  • Planering av implementering: Jag har utvecklat färdigheter i att strategisk planera genom att prioritera komponenter utifrån organisationens behov och skapa en roadmap för implementering.

 

Sammanfattningsvis har processen att bygga upp ett designsystem i Figma från grunden inte bara gett värdefulla tekniska färdigheter utan också en djupare förståelse för designprinciper, strategisk planering, och vikten av samarbete och kommunikation för att skapa enhetliga och effektiva digitala produkter.

Projekt: Visuell design

Projekt: Vibe Coding

Linda Vennerlund

Ivers Designsystem - Lemon

I augusti 2023 togs ett beslut att vi i UX-teamet på Iver AB skulle förnya det befinliga designsystemet. Vi valde i samband med detta att gå över till Figma från Adobe XD. Jag fick ansvaret att bygga upp designssystemet i Figma medan mina två kollega tog ansvaret att bygga komponenterna kodmässigt. Designsystemet Lemon används i två olika sammanhang - dels i en IT-portal för Ivers kunder (Yellow) och dels i en Ivers interna ERP system som samtidigt påbörjade flytten från WPF till ett webbaserat gränssnitt.

Lärdomar och kunskaper

Att vara med och bygga upp ett designsystem från grunden i Figma har varit en omfattande process som gett mig djupgående kunskaper och flera nyttiga insikter:

 

  • Förståelse för designsystemets värde: Jag har lärt mig att designsystem inte bara effektiviserar design- och utvecklingsprocesserna utan också säkerställer enhetlig användning av komponenterna och ger en mer sammanhängande användarupplevelse.

 

  • Teknisk behärskning av Figma: Genom att bygga upp ett designsystem i Figma har jag utvecklat avancerade färdigheter i verktyget, inklusive komponentbibliotek, variabler, varianter, plugins, och effektiv användning av delnings- och samarbetsfunktioner.

 

  • Designprinciper och bästa praxis: Jag har fördjupat min kunskap om designprinciper och bästa praxis för användargränssnitt och tillgänglighet. Att bygga ett designsystem kräver en noggrann tillämpning av designprinciper för att säkerställa att systemet stöder skapandet av intuitiva och tillgängliga användargränssnitt.

 

  • Samarbete och kommunikation: Jag har lärt mig vikten av tvärfunktionellt samarbete och effektiv kommunikation med utvecklare, produktägare och andra intressenter. Att bygga och implementera ett designsystem kräver samordning och feedback från olika team för att säkerställa att systemet möter alla användares behov.

 

  • Planering av implementering: Jag har utvecklat färdigheter i att strategisk planera genom att prioritera komponenter utifrån organisationens behov och skapa en roadmap för implementering.

 

Sammanfattningsvis har processen att bygga upp ett designsystem i Figma från grunden inte bara gett värdefulla tekniska färdigheter utan också en djupare förståelse för designprinciper, strategisk planering, och vikten av samarbete och kommunikation för att skapa enhetliga och effektiva digitala produkter.

Projekt: Visuell design

Projekt: Vibe Coding