Udostępnij za pośrednictwem


Zaprojektuj swoją aplikację używając zestawu UI

[Ten artykuł stanowi wstępną wersję dokumentacji i może ulec zmianie.]

Aby stworzyć aplikację na podstawie projektu z usługi Figma, musisz zacząć od tematu Tworzenie aplikacji z zestawu Figma UI Kit. Zestaw UI Kit składa się z składników, przykładowych aplikacji i kilku dodatkowych zasobów, takich jak:

  • Informacje o tym, co jest wspierane, a co nie.
  • Instrukcje krok po kroku, jak zaprojektować aplikację w usłudze Figma, aby można ją było przekształcić w Power Apps.
  • Lista obsługiwanych komponentów — od ekranów na poziomie podstawowym do pojedynczych komponentów, takich jak przyciski, rozwijane listy i text input.
  • Ważne wskazówki, jak korzystać ze składników.

Pobierz zestaw UI kit

  1. Przejdź na stronę Tworzenie aplikacji z zestawu Figma UI Kit.
  2. Jeśli to konieczne, zaloguj się, używając swoich danych uwierzytelniających z usługi Figma.
  3. Wybierz Duplikat, a następnie wybierz zespół Figma, którego jesteś członkiem. Więcej informacji na temat duplikowania projektów w usłudze Figma znajdziesz w temacie Figma: duplikaty plików lub projektów.
  4. Jeśli to konieczne, wybierz strzałkę w dół obok nazwy pliku i przenieś plik z kopii roboczych.

Przeczytaj instrukcje

Przeczytaj instrukcje zawarte na stronach Przeczytaj to najpierw i Krok 1: Rozpoczęcie pracy w zestawie UI kit. Instrukcje zawarte na tych stronach pomogą ci zrozumieć ogólne zasady korzystania z tego zestawu. Dowiesz się też więcej o zasobach wykorzystywanych przez zestaw, takich jak style czcionek, wytyczne dotyczące komponentów, obsługiwane komponenty i inne.

Zaprojektuj swoją aplikację

Postępuj zgodnie z instrukcjami zawartymi na stronie Krok 2: Zaprojektuj swoją aplikację w zestawie UI, aby zacząć używać zestawu do stworzenia własnej aplikacji.

Co robić a czego nie podczas projektowania

Zestaw zawiera szczegółowe wskazówki, jak używać poszczególnych elementów. Oto jednak kilka najważniejszych rad i wskazówek, o których należy pamiętać, projektując aplikację:

  • Przeczytaj uważnie każdą stronę, by proces projektowania i konwersji przebiegał bezproblemowo.
  • Do projektowania używaj tylko tych komponentów, które są dostępne w tym zestawie.
  • Używaj tylko obsługiwanych czcionek wymienionych w zestawie.
  • Nie zmieniaj nazw komponentów.
  • Nie zmieniaj nazw warstw.

Więcej informacji

Zestaw zawiera także dodatkowe strony, na których można znaleźć więcej informacji, jak opisano poniżej:

Zobacz też