W tym podstawowym samouczku omawiamy przepływ pracy projektanta i programisty w usłudze Relay, zapewniając w pełni kompleksowy samouczek. Po skonfigurowaniu wtyczki Relay możesz szybko przejść do sceny, na której interfejs użytkownika pojawi się w Android Studio. Zachęcamy do tego.
Samouczek tworzy w aplikacji Figma podstawowy komponent karty i importuje go do Android Studio, gdzie można wyświetlić wygenerowany kod. Dowiesz się, jak:
Aplikacja Figma:
- Zaprojektować komponent UI w Figmie.
- Utwórz pakiet UI za pomocą wtyczki Figma.
- Zapisz nazwaną wersję projektu.
- Udostępnij deweloperom adres URL aplikacji Figma.
W Android Studio:
- Zaimportuj pakiet UI do projektu, korzystając z adresu URL aplikacji Figma.
- Wygeneruj kod w Jetpack Compose przez utworzenie projektu.
- Dodaj odwołanie do wygenerowanego elementu kompozycyjnego w kodzie interfejsu projektu.
- Uruchom projekt.
Następny krok
Najpierw wykonamy nasz projekt i utworzymy pakiet UI w Figmie.