Tworzenie pakietów UI

Pakiety UI w Figma

Pakiety UI definiują wspólny model komponentów UI Androida. Pakiety UI są tworzone w aplikacji Figma i służą do generowania produkcyjnego kodu tworzenia wiadomości w Android Studio. Pakiet UI zawiera te informacje:

  • Informacje o układzie
  • Podsumowanie pakietu UI
  • Parametry treści i interakcji
  • Informacje o stylu
  • Komponenty z czcionkami i obrazami

Utwórz pakiet UI

Dodaj podsumowanie do pakietu UI

Aby utworzyć pakiet UI przy użyciu wtyczki Relay for Figma:

  1. Otwórz wtyczkę i kliknij Get started (Rozpocznij).
  2. Wybierz komponent Figma, który chcesz spakować.
  3. Kliknij Utwórz pakiet UI.

Aby jednocześnie utworzyć wiele pakietów interfejsu:

  1. Wybierz co najmniej 1 komponent Figma.
  2. Kliknij Utwórz pakiety UI. Spowoduje to utworzenie pakietu UI dla każdego wybranego komponentu.

Możesz też przekształcić istniejące elementy pakietu UI w nowe pakiety:

  1. Wybierz ramkę lub warstwę komponentu w istniejącym pakiecie UI.
  2. Kliknij ikonę menu.
  3. Wybierz „Utwórz pakiet UI na podstawie wyboru”.

Po zaimportowaniu pakietu interfejsu do Android Studio usługa Relay generuje kod podczas tworzenia projektu na Androida.

Dodaj podsumowanie

Przekaźnik dla aplikacji Figma z wybranym komponentem

Pojawi się pole tekstowe, w którym możesz dodać podsumowanie do pakietu UI. Podsumowanie jest wyświetlane jako blok komentarzy nad odpowiednią funkcją kompozycyjną w wygenerowanym kodzie.

Podsumowanie możesz też edytować później:

  1. Kliknij Podsumowanie.
  2. Zmodyfikuj podsumowanie w polu tekstowym.

Usuń pakiet UI

Wybierz ikonę menu, a następnie Usuń opakowania. Spowoduje to usunięcie wszystkich metadanych usługi Relay, ale nie usunie komponentu w Figmie.

Opcja „Usuń opakowanie” we wtyczce