Voordat je begint

Wie kan deze functie gebruiken?

Beschikbaar op alle betaalde abonnementen

Iedereen met een Volledige werkplek en de toegangsrechten kan bewerken tot een bestand kan metingen en annotaties toevoegen. 

Iedereen met een Volledige of een Dev-werkplek en ten minste de toegangsrechten Kan bekijken tot een bestand kan metingen en annotaties bekijken

Use annotations and measurements to create speedier and more transparent handoffs that stay up-to-day, even as designs change.

Met aantekeningen kunnen ontwerpers belangrijke details direct communiceren en verbinden met hun ontwerpen:

• Markeer belangrijke eigenschappen zodat ontwikkelaars ze niet over het hoofd kunnen zien
• Help ontwikkelaars snel specificaties zoals afstanden en afmetingen te visualiseren
• Deel aanvullende context met tekstnotities
• Create and categorize annotations for easier navigation

Ontwikkelaars kunnen zien hoe annotaties in realtime worden bijgewerkt terwijl ze in Dev Mode werken, zodat ze tijdens de overdracht geen cruciale opmerkingen missen.

Voeg metingen toe aan een ontwerp

Adding measurements to quickly visualize spacing and sizing between components.

Voeg als volgt een meting toe aan een ontwerp:

1. Click Measurement in the toolbar or use the keyboard shortcut Shift M.
2. Beweeg de muis over een laag om opties te zien waar je de meting kunt beginnen.
3. Klik en sleep vanaf je startpunt naar de laag waar je de meting wilt eindigen.
4. Klik en sleep de meting zodat deze het ontwerp niet bedekt.
5. You can double-click on the measurement to customize its text.

Add annotations to a design

Designers can add annotations to provide context, define design properties, or communicate other relevant information for developers to turn design into code. You can annotate a layer’s defined properties, like alignment direction or sizing, or provide additional details with free text. Even if designs are later updated, annotation properties stay-up-to-date and accurate, ensuring nothing gets lost in translation.

You can add annotations from Design or Dev Mode. To add annotations to a design:

1. Click Annotation in the toolbar or use the keyboard shortcut Shift T.
2. Selecteer de laag waar je een aantekening bij wilt plaatsen.
3. Schrijf een notitie in het tekstveld of klik op + Eigenschap om een eigenschap uit de lijst te selecteren. Je kunt in een aantekening zowel platte tekst als eigenschappen opnemen.

Categorize annotations

Give annotations even more clarity by categorizing them. Categories help distinguish different types of annotations, making it easier to scan for relevant information.

Editors can use the default labels, as well as edit or delete those categories. Category labels only apply to the current file - nothing will change in other files when you edit or delete the default categories.

Figma design files come with preset annotation categories:

• Development
• Interaction
• Accessibility
• Content

To add a new category:

1. Select an existing annotation or create a new one, then click the category dropdown.
2. Click Edit categories…
3. Click , then select a color and type in a name for your new category label.

Filter by category

You can filter annotations by category, making it even easier to find the details you need on the canvas. There are a couple of ways to filter annotations by category:

Right-click menu

1. Right-click an annotation on the canvas.
2. Select Filter by.
3. Select which category you want to filter by, or select All categories.

Zoom menu in Dev Mode

1. Click the zoom dropdown in the Dev Mode right sidebar.
2. Hover over Annotations.
3. Select which category you want to filter by, or select All categories.

Annotaties verbergen

Alle annotaties in een Figma Design-bestand zijn standaard zichtbaar in Dev Mode. Om annotaties te verbergen:

1. Klik op het hoofdmenu in de werkbalk.
2. Beweeg je muis over Weergave in het keuzemenu.
3. Deselecteer Aantekeningen.