Widok skupienia w interfejsie Dev Mode

Gdy używasz widoku elementów gotowych do programowania w interfejsie Dev Mode do przeglądania sekcji, ramek i komponentów gotowych do programowania, często będziesz chcieć przyjrzeć się bliżej konkretnym projektom. Aby uzyskać szczegóły dotyczące projektów gotowych do programowania, użyj widoku skupienia Dev Mode. Widok skupienia zapewnia:

• Wszystkie te same narzędzia, które zwykle masz dostępne na pasku narzędzi Dev Mode.
• Te same karty Inspect (Sprawdź) i Plugins (Wtyczki), do których masz dostęp w pełnym zakresie w interfejsie Dev Mode.
• Historię wersji z opisami dotyczącymi przeglądanego projektu, dzięki której możesz porównywać różne wersje i śledzić zmiany z upływem czasu.
• Łatwy sposób na rozbudowę i eksplorację warstw danego projektu gotowego do rozwoju.
• Możliwość oznaczenia pracy jako ukończonej w ramach konkretnego projektu.

Aby uzyskać dostęp do widoku skupienia:

1. Otwórz plik Figma Design.

2. Kliknij opcję Ready for dev (Gotowy do programowania) na lewym pasku bocznym.

   Otworzy się widok projektów gotowych dla programistów przedstawiający listę wszystkich projektów oznaczonych statusem Gotowy do programowania.

3. Kliknij projekt, na którym chcesz się skupić.

Ewentualnie:

1. Otwórz plik Figma Design.

2. W przestrzeni roboczej kliknij status rozwoju projektu, na którym chcesz się skupić, i wybierz opcję Show in focus view (Pokaż w widoku skupienia).
   

   

3. Opcjonalnie kliknij opcję Copy link to focus view (Kopiuj łącze do widoku skupienia), aby uzyskać łącze do projektu, na którym chcesz się skupić, do udostępnienia innym.

Otwiera się widok skupienia przedstawiający następujące elementy:

• Projekt, który chcesz sprawdzić, pojawi się na środku widoku skupienia. Możesz używać narzędzi interfejsu Dev Mode do takich czynności jak pomiary, dodawanie adnotacji i komentowanie projektu.
• Karty Inspect (Sprawdź) i Plugins (Wtyczki) , gdzie możesz generować kod, przeglądać właściwości projektu, eksportować lub pobierać różne elementy oraz uruchamiać wtyczki w interfejsie Dev Mode.
• Przycisk Mark as completed (Oznacz jako ukończone), który służy do potwierdzania, że prace programistyczne nad projektem zostały zakończone.

Nawigacja

W widoku skupienia aplikacja Figma oferuje kilka sposobów nawigacji do innych obszarów interfejsu Dev Mode.

Aby przejść do widoku elementów gotowych do programowania, w lewym górnym rogu widoku skupienia kliknij opcję Ready for dev (Gotowy do programowania).

Aby zobaczyć projekt w kontekście przestrzeni roboczej, w prawym górnym rogu widoku skupienia kliknij , a następnie wybierz opcję Show on page (Pokaż na stronie).

Aby powrócić do obszaru interfejsu Figma sprzed przejścia do widoku skupienia, w prawym górnym rogu widoku skupienia kliknij . Jeśli dostęp do widoku skupienia uzyskano z poziomu przestrzeni roboczej, powrócisz do tego samego miejsca w przestrzeni roboczej. Jeśli dostęp uzyskano z widoku elementów gotowych do programowania lub za pomocą łącza, nastąpi przywrócenie widoku elementów gotowych do programowania.

Eksplorowanie warstw

Widok skupienia umożliwia łatwe przeglądanie poszczególnych warstw danego projektu. Panel warstw widoku skupienia pojawia się, gdy wybierzesz jedną lub więcej części projektu.

Panele Inspect (Sprawdź) i Plugins (Wtyczki)

Panele Inspect (Sprawdź) i Plugins (Wtyczki) wyglądają i działają tak samo jak w zwykłym interfejsie Dev Mode, ale ich zakres jest ograniczony do projektu, który przeglądasz. Aby dowiedzieć się, jak używać paneli, zobacz Przewodnik po interfejsie Dev Mode →

Historia wersji

Podobnie jak historia wersji dostępna dla plików widok skupienia zawiera historię wersji z adnotacjami, która śledzi iteracje pracy nad projektem.

Zazwyczaj historia wersji całego pliku przedstawia każdą wersję w pliku, często jednak może zawierać dużą liczbą aktywności, a Ciebie najbardziej interesują zmiany wprowadzone w konkretnej ramce lub sekcji, którą przeglądasz i wdrażasz. Historia wersji w widoku skupienia pokazuje wersje i działa tak samo jak historia całego pliku, ale jest ograniczona tylko do wersji, które wpływają na konkretny projekt otwarty w widoku skupienia.

W miarę jak projektanci i programiści udoskonalają projekt, aktualizują jego status i dodają notatki opisujące zmiany. Za każdym razem, gdy status się zmienia, dodawany jest wpis w historii wersji. Można również porównywać różne wersje, aby wskazywać zmiany pomiędzy każdą iteracją.

Możesz sprawdzić starsze wersje, skopiować łącze do tej konkretnej wersji lub porównać ją z najnowszą wersją aktualnie znajdującą się w pliku. Dowiedz się więcej o porównywaniu w interfejsie Dev Mode →

Oznaczanie jako ukończone

Aby pokazać, że prace programistyczne nad projektem zostały ukończone, użyj przycisku Mark as completed (Oznacz jako ukończone) znajdującego się u góry widoku głównego.

Gdy projekt zostanie oznaczony jako ukończony, do historii wersji dodawany jest nowy wpis, a projekt pozostaje dostępny w widoku elementów gotowych do programowania na potrzeby późniejszej modyfikacji.