Zdieľať cez

Navrhnite si aplikáciu pomocou UI kitu

[Tento článok je predbežnou dokumentáciou a môže sa zmeniť.]

Ak chcete vytvoriť aplikáciu z návrhu, musíte začať so súpravou UI Kit na vytváranie aplikácií Figma . Figma Súprava používateľského rozhrania pozostáva z komponentov, vzorových aplikácií a niekoľkých ďalších zdrojov, ako napríklad:

  • Informácie o tom, čo je podporované a čo nie.
  • Pokyny krok za krokom, ako navrhnúť aplikáciu v programe Figma tak, aby ju bolo možné previesť do Power Apps.
  • Zoznam podporovaných komponentov – od základných obrazoviek až po jednotlivé komponenty, ako sú tlačidlá, rozbaľovacie ponuky a textové vstupy.
  • Dôležitý návod na používanie komponentov.

Získajte súpravu používateľského rozhrania

  1. Prejdite na stránku Vytvorenie aplikácií zo Figma UI Kit .
  2. V prípade potreby sa prihláste pomocou prihlasovacích údajov Figma.
  3. Vyberte možnosť Duplikovať a potom vyberte tím, ktorého ste členom. Figma Viac informácií o duplikovaní projektov v Figma nájdete v časti Figma: Duplikované súbory alebo projekty.
  4. V prípade potreby vyberte šípku nadol vedľa názvu súboru a presuňte súbor z konceptov.

Prečítajte si pokyny

Prečítajte si pokyny na stránkach Najprv si prečítajte toto a Krok 1: Začíname v rámci súpravy používateľského rozhrania. Pokyny na týchto stránkach vám pomôžu pochopiť všeobecné pokyny na používanie tejto súpravy. Dozviete sa tiež viac o zdrojoch používaných súpravou, ako sú štýly písma, pokyny pre komponenty, podporované komponenty a ďalšie.

Navrhnite svoju aplikáciu

Postupujte podľa pokynov na stránke Krok 2: Navrhnite si aplikáciu v rámci súpravy UI, aby ste mohli začať používať súpravu na vytvorenie vlastného dizajnu aplikácie.

Čo robiť a nerobiť pri navrhovaní

Súprava obsahuje podrobné pokyny na používanie komponentov. Tu sú však niektoré z najlepších vecí, ktoré by ste mali a nemali mať na pamäti pri navrhovaní aplikácie:

  • Pozorne si prečítajte každú stránku, aby proces návrhu a prevod prebehol hladko.
  • Navrhujte iba pomocou podporovaných komponentov z tejto súpravy.
  • Používajte iba podporované fonty uvedené v súprave.
  • Nemeňte názvy komponentov.
  • Nemeňte vrstvy komponentov.

Ďalšie informácie

Súprava tiež poskytuje ďalšie stránky pre ďalšie informácie, ako je zhrnuté nižšie:

  • Krok 3: Prevod na aplikáciu – vizuálne znázornenie prevodu návrhu aplikácie na aplikáciu. Ak chcete postupovať podľa podrobných pokynov, pozrite si časť Vytvorenie plátennej aplikácie z platformy . Figma
  • Krok 4: Ďalšie kroky – vysvetľuje možné ďalšie kroky, ktoré môžete podniknúť na ďalšiu prípravu aplikácie na váš obchodný scenár. Tieto kroky zahŕňajú pripojenie k údajom, pridanie logiky aplikácie, pridanie ďalších obrazoviek a ovládacích prvkov.
  • Podporované komponenty - uvádza informácie o podporovaných komponentoch. Viac informácií nájdete v časti Komponenty podporované súpravou UI.

Ďalší krok: Vytvorenie plátennej aplikácie z Figma

Pozrite si tiež