Kom i gang med Punkt som designer

Punkt hjelper deg å bygge løsninger som følger Oslo kommunes visuelle identitet og som er universelt utformet.

Vi bruker Figma som hovedverktøy. Her finner du komponenter, stiler og retningslinjer du trenger for å lage grensesnitt. Punkt bygger på Oslo kommunes visuelle identitet, som du finner i Designmanualen som driftes av blant annet Bård Jemtland i UKE.

Tilgang til Figma

Er du ansatt i Origo? Vi tilbyr tre nivåer av tilgang:

• Editor: for designere som skal redigere skisser
• Dev-mode: for utviklere som jobber direkte fra skissene
• Viewer: for alle som trenger å se skissene

Som editor er du ansvarlig for hvem du deler filer med. Editor- og Dev-mode-tilgang må godkjennes av en Figma-admin.

Komponentbiblioteket

Alle Punkt-komponenter finnes både i kode og i Figma. De er satt opp med auto layout og variants, inkludert alle states.

Bruk Punkt i Figma

Biblioteket heter “Punkt – designsystem for Oslo kommune”. Når du oppretter en ny fil i Figma aktiveres det automatisk, men du kan også aktivere det manuelt under Assets → Team library.

Her finner du også design tokens for farger, typografi, grid og skygger. Bruk alltid tokens i stedet for egendefinerte verdier.