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

Za pomocą adnotacji i pomiarów możesz szybciej tworzyć bardziej przejrzyste materiały do przekazania, które pozostają aktualne nawet w przypadku zmian w projektach.

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
• Twórz i kategoryzuj adnotacje, by ułatwić nawigację

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

Dodawaj pomiary, by szybko wizualizować odstępy między komponentami i ich rozmiary.

Aby dodać pomiar do projektu:

1. Kliknij Measurement (Pomiar) na pasku narzędzi lub użyj skrótu klawiaturowego 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. Możesz kliknąć pomiar dwukrotnie, aby dostosować jego tekst.

Dodawaj adnotacje w projektach

Projektanci mogą dodawać adnotacje, aby zapewnić kontekst, zdefiniować właściwości projektu lub przekazać inne istotne informacje dla programistów umożliwiające przekształcenie projektu w kod. Adnotacje mogą dotyczyć zdefiniowanych właściwości warstwy, takich jak kierunek wyrównania lub rozmiar, albo przekazać dodatkowe szczegóły w postaci dowolnego tekstu. Nawet jeśli później projekty zostaną zaktualizowane, właściwości adnotacji pozostają aktualne i dokładne, dzięki czemu nic nie umknie.

Adnotacje można dodawać w trybie projektowania lub Dev Mode. Aby dodać adnotacje do projektu:

1. Kliknij Annotation (Adnotacja) na pasku narzędzi lub użyj skrótu klawiaturowego 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.

Kategoryzuj adnotacje

Kategoryzując adnotacje, nadasz im jeszcze większą przejrzystość. Kategorie pomagają odróżniać różne typy adnotacji, co ułatwia wyszukiwanie odpowiednich informacji.

Edytorzy mogą używać domyślnych etykiet, a także modyfikować i usuwać kategorie adnotacji. Etykiety kategorii dotyczą tylko bieżącego pliku – gdy zmodyfikujesz lub usuniesz domyślne kategorie, w innych plikach nic się nie zmieni.

W plikach projektowych Figma znajdziesz dostępne gotowe kategorie adnotacji:

• Development (Programowanie)
• Interaction (Interakcja)
• Udogodnienia dla osób niepełnosprawnych
• Zawartość

Aby dodać nową kategorię:

1. Wybierz istniejącą adnotację lub utwórz nową, a następnie kliknij menu rozwijane kategorii.
2. Kliknij Edit categories… (Edytuj kategorie…).
3. Kliknij , a następnie wybierz kolor i wpisz nazwę nowej etykiety kategorii.

Filtruj według kategorii

Adnotacje można filtrować według kategorii, co jeszcze bardziej ułatwia znajdowanie potrzebnych szczegółów w obszarze roboczym. Istnieje kilka sposobów filtrowania adnotacji według kategorii:

Menu prawego przycisku myszy

1. Kliknij prawym przyciskiem myszy adnotację w obszarze roboczym.
2. Wybierz Filter by (Filtruj według).
3. Wybierz kategorię, której chcesz użyć jako filtru, lub opcję All categories (Wszystkie kategorie).

Menu powiększenia w Dev Mode

1. Kliknij menu rozwijane powiększenia na prawym pasku bocznym w Dev Mode.
2. Najedź kursorem na pozycję Annotations (Adnotacje).
3. Wybierz kategorię, której chcesz użyć jako filtru, lub opcję All categories (Wszystkie kategorie).

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).