Gedaan met laden. U bevindt zich op: Ontwikkelaars Aan de slag met het Design System

Ontwikkelaars

De documentatie van het Design System is nog in bèta en wordt stapsgewijs aangevuld.

Met het Vlaanderen Design System werkt u met gestandaardiseerde, herbruikbare componenten die voldoen aan de designrichtlijnen. Dat betekent minder dubbel werk, een vlotte handover van design, sneller resultaat en minder bugs.

Het Vlaanderen Design System biedt u als developer de nodig tools en ondersteuning om digitale toepassingen sneller, consistenter en kwalitatiever te bouwen.

Slimmer ontwikkelen met het Design System

Met het Vlaanderen Design System krijgt u:

  • Herbruikbare UI-componenten in code
    Direct bruikbare en toegankelijke componenten in vue.js 3 en vanille html/css, klaar voor gebruik in productie.
  • Gedetailleerde technische documentatie
    Overzichtelijke code base gedocumenteerd via Storybook.

  • Betere samenwerking met design
    Eén-op-één match tussen wat designers ontwerpen en wat u bouwt. Minder interpretatie, minder herwerking. Designers en ontwikkelaars spreken dezelfde taal dankzij één-op-één match met Figma.
  • Merkbeleid
    Het merkbeleid van de Vlaamse overheid zit vandaag ingebakken in het Design System.
  • Toegankelijkheid ingebouwd
    Alle componenten zijn ontworpen en getest volgens WCAG-richtlijnen. Dit is dé solide basis om een webtoegankelijke toepassing te bouwen.

  • Ondersteuning van het team
    Technische hulp, codevoorbeelden en audits op aanvraag. Niet zeker hoe je iets moet aanpakken? We denken mee. Na onboarding krijg je toegang tot ons Slack-kanaal.

Wat kan u verwachten in de toekomst?

Technisch

Vandaag zijn de webcomponenten van het Design System beschikbaar in vue.js 3 en vanilla html/css. We sleutelen nu aan een traject om het Design System frame work-agnostisch te maken door de componenten ter beschikking te gaan stellen als native web components(opent in nieuw venster) - een W3C-standaard.

Design

We starten een traject om het Vlaanderen Design System themeable te maken. Dat betekent meer ontwerpvrijheid en flexibiliteit, zodat u gemakkelijker eigen branding-nuances kunt toepassen in uw producten.

Deze twee trajecten bevinden zich momenteel in de opstartfase. Heeft u vragen of interesse om hierbij betrokken te worden? Contacteer ons gerust.