Figma changelog

Op deze pagina vind je een overzicht van alle wijzigingen in onze Figma bibliotheken.

Ben je afnemer van de bibliotheken? Dan zie je hier welke updates zijn doorgevoerd, zodat je ze waar nodig ook kunt doorvoeren in de bibliotheek van jouw organisatie. Zo blijf je up-to-date met de laatste versie van de bibliotheek.

Wil je meer weten over hoe je deze changelog gebruikt? Bekijk dan de uitleg over de changelog voor Figma bibliotheken. En wil je weten wat de versienummers precies betekenen? Lees dan over versiebeheer.

Hulpvideo's

• Component met design tokens overnemen in Figma
• Versienummer wijzigen in Figma

3.1.0

Design tokens voor 'margin' toegevoegd aan de design token documentatie in Figma

Om een completer beeld te geven van de beschikbare design tokens per component, zijn er design tokens voor 'margin' toegevoegd aan de design token documentatie in Figma.

• Bekijk de video 'Changelog: Margin tokens toevoegen' waarin wordt uitgelegd hoe je dit zelf kunt doen.

Hieronder staat een lijst van componenten waaraan design tokens voor margin zijn toegevoegd. Bij de meeste componenten zijn twee design tokens voor margin toegevoegd. Hiervoor kun je onderstaande code gebruiken:

"margin-block-end": {
  "$type": "dimension",
  "$value": "0px",
  "$description": "[code-only]"
},
"margin-block-start": {
  "$type": "dimension",
  "$value": "0px",
  "$description": "[code-only]"
},

Er zijn enkele componenten waar vier design tokens voor margin zijn toegevoegd. Achter die componenten staat tussen haakjes (4). Hiervoor kun je onderstaande code gebruiken:

"margin-block-end": {
  "$type": "dimension",
  "$value": "0px",
  "$description": "[code-only]"
},
"margin-block-start": {
  "$type": "dimension",
  "$value": "0px",
  "$description": "[code-only]"
},
"margin-inline-end": {
  "$type": "dimension",
  "$value": "0px",
  "$description": "[code-only]"
},
"margin-inline-start": {
  "$type": "dimension",
  "$value": "0px",
  "$description": "[code-only]"
},

Lijst van componenten die van margin tokens zijn voorzien. Elk component linkt naar een omgeving waar de design tokens te bekijken zijn.

• Accordion
• Action Group
• Alert
• Blockquote (4)
• Codeblock (4)
• Figure
• Form Field
• Form Field Description
• Form Field Error Message
• Headings 1 tot 6
• Link List
• Note (Spotlight Section)
• Page Number Navigation (Pagination)
• Pre Heading
• Radio Button
• Separator
• Side Navigation (4)
• Table

3.0.0

utrecht-icon community component toegepast binnen enkele Utrecht componenten.

De Icon component is later aan de Figma bibliotheek toegevoegd en is nu met terugwerkende kracht verwerkt in de Utrecht componenten die deze in de code gebruiken.

Let op!
Door deze wijziging worden