Zanim zaczniesz

Kto może korzystać z tej funkcji?

Dostępność we wszystkich płatnych planach.

Każdy, kto ma stanowisko Full oraz dostęp do pliku typu can edit (może edytować), może dodawać pomiary i adnotacje 

Każdy, kto ma stanowisko Full lub stanowisko Dev i co najmniej dostęp do pliku typu can view (może wyświetlać), może wyświetlać pomiary i adnotacje

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

Dzięki adnotacjom projektanci mogą przekazywać i łączyć kluczowe szczegóły bezpośrednio z projektami.

• Wyróżnianie ważnych właściwości, których nie będą mogli przeoczyć programiści
• Ułatwienie programistom szybkiej wizualizacji takich specyfikacji jak odstępy i rozmiary
• Udostępnianie dodatkowego kontekstu za pomocą notatek tekstowych
• Create and categorize annotations for easier navigation

Programiści mogą na bieżąco obserwować aktualizacje adnotacji podczas pracy w interfejsie Dev Mode, dzięki czemu mają pewność, że nie pominą żadnych istotnych informacji podczas przekazywania projektu.

Dodawanie pomiarów do projektu

Adding measurements to quickly visualize spacing and sizing between components.

Aby dodać pomiar do projektu:

1. Click Measurement in the toolbar or use the keyboard shortcut Shift M.
2. Ustaw kursor na warstwie, aby sprawdzić, gdzie możesz rozpocząć pomiar.
3. Kliknij i przeciągnij od punktu początkowego do warstwy, gdzie chcesz zakończyć pomiar.
4. Kliknij i przeciągnij pomiar, aby nie zasłaniał projektu.
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. Wybierz warstwę, do której chcesz dodać adnotację.
3. Napisz notatkę w polu tekstowym lub kliknij opcję + Property (+ Właściwość), aby wybrać właściwość z listy. W adnotacji można uwzględnić zarówno zwykły tekst, jak i właściwości.

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.

Ukrywanie adnotacji

Wszystkie adnotacje w pliku Figma Design są domyślnie widoczne w interfejsie Dev Mode. Aby ukryć adnotacje:

1. Kliknij menu główne na pasku narzędzi.
2. Ustaw kursor na widoku w menu rozwijanym.
3. Usuń zaznaczenie opcji Annotations (Adnotacje).