Skip to content

Forbedre Core UI Kit i Figma #664

@mrosvik

Description

@mrosvik

Overordnet beskrivelse

Det er behov for å forbedre Figma-filen Core UI Kit for å gjøre komponentene enklere å bruke og mer konsistente med hvordan de fungerer i kode. Dette innebærer blant annet å forenkle komponentstrukturen, ta i bruk Figma sin slot-funksjonalitet og redusere behovet for at designere må detache komponenter for å legge inn spesifikt innhold.

Det er også behov for å forbedre hvordan farger håndteres i Core UI Kit. I dag er fargene delt inn i kategoriene main og support, noe som tidligere var en workaround på grunn av begrensninger i Figma-variabler. Figma støtter nå flere modes per collection, og det er derfor ikke lenger nødvendig å opprettholde denne strukturen. Ved å fjerne kategoriene main og support kan fargeoppsettet forenkles og bli mer likt hvordan farger er strukturert i kode.

Forventet resultat

  • Enklere og mer intuitive komponenter i Core UI Kit
  • Bedre støtte for å legge inn eget innhold uten å måtte detache komponenter
  • Bruk av Figma sin slot-funksjonalitet der det er hensiktsmessig
  • Bedre samsvar mellom hvordan komponenter oppfører seg i Figma og i kode

Hvordan skal det fungere?

Komponentene i Core UI Kit skal bygges opp slik at de blir enklere å bruke.

  • forenkle oppbyggingen og varianter
  • bruke slots for innhold som tekst, ikoner eller andre elementer
  • gjøre det mulig å tilpasse innhold uten å bryte komponentinstanser
  • tilpasse komponentene bedre til hvordan de fungerer i kode

Gjennomføring

  • Ta utgangspunkt i innsikt og tilbakemeldinger vi har fått fra brukerne, gå gjennom eksisterende komponenter i Core UI Kit og identifisere forbedringsmuligheter.
  • Forenkle komponentstruktur og varianter.
  • Ta i bruk slot-funksjonalitet der det gir bedre bruk.
  • Sikre bedre samsvar mellom komponenter i Figma og i kode.

Relevante issues:

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Under arbeid

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions