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.
Direktelenke til komponentbiblioteket i Figma (krever innlogging)
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.