For utviklere

BeskrivelseAssetsCSSCLIReactVue

Punkt

Designsystemet Punkt skal hjelpe deg som utvikler i Origo Ă„ komme raskt i gang med Ă„ bygge digitale lĂžsninger som fĂžlger Oslo kommunes visuelle identitet og som er universelt utformet.

Punkt designsystem i kode er delt opp i ulike pakker:

Produktutvikling

Designsystemet Punkt leveres ogsÄ som et bibliotek i designverktÞyet Figma. I tverfaglige team er det naturlig at utviklere og designere jobber tett sammen ogsÄ i designprosessen.

Trenger du Figma-tilgang?

Er du ansatt i Origo og trenger tilgang til Figma? Vi har tre ulike nivÄer:

  • Full editor-tilgang: for designere og andre som mĂ„ redigere og endre skisser
  • Dev-mode: for utviklere som vil jobbe direkte ut i fra skissene
  • Viewer-restricted: for utviklere og andre som Ăžnsker Ă„ se skissene
Dersom du Þnsker Editor-tilgang eller Dev-mode tilgang kan du sende en forespÞrsel via Figma eller ta kontakt med Eivind Lund eller Niels Dannevig pÄ Slack eller mail. Alle editor og Dev-mode tilganger mÄ godkjennes av en admin i Figma.

VÊr obs pÄ at du har mulighet til Ä sette andre som editor eller gi dem tilgang til Dev-mode dersom du har editor-tilgang eller er en Dev-mode-bruker selv. Vi har satt opp rutiner for tilgangsstyring for Ä ha oversikt over hvem som tar i bruk de ulike plassene vi betaler for.

Med Dev-mode-tilgang har du mulighet til Ä gi viewer-restricted-tilgang til filene i Figma. Det er viktig Ä pÄpeke at dersom du har editor-tilgang eller Dev-mode-tilgang godtar du at du tar ansvar for hvem du gir tilgang til.

Dersom du er Editor eller har Dev-mode, har du ikke lov til Ä gi andre brukere Editor-tilgang eller Dev-mode-tilgang. Hvis du har behov for at andre skal kunne redigere eller jobbe i filene mÄ dette gÄ gjennom en av adminene i Figma.

Hvem er admin og kan kontaktes for tilgang i Figma?
  • Eivind Lund (eivind.lund@origo.oslo.kommune.no)
  • Niels Dannevig (niels.dannevig@origo.oslo.kommune.no)

Test Punkt

LÊrer du best av Ä se pÄ en applikasjon? I StackBlitz kan du utforske hvordan vi har installert pakkene og hvordan vi tar dem i bruk i en applikasjon.

StackBlitz med Vite + Vue2.

Appen har installert siste versjon av:

  • punkt-assets
  • punkt-css
  • punkt-vue2

StackBlitz med Vite + React + Typescript.

Appen har installert siste versjon av:

  • punkt-assets
  • punkt-css
  • punkt-react