Design din app ved hjælp af UI-pakken
[Denne artikel er dokumentation til den foreløbige udgivelse. Der kan forekomme ændringer.]
Hvis du vil oprette en app ud fra et Figma-design, skal du starte med at Opret apps fra Figma UI Kit. Brugergrænsefladepakken består af komponenter, eksempelapps og flere ekstra ressourcer, f.eks.:
- Oplysninger om, hvad der understøttes, og hvad der ikke understøttes.
- Trinvise instruktioner i, hvordan du designer din app i Figma, så den kan konverteres i Power Apps.
- En liste over understøttede—komponenter fra skærmbilleder på basisniveau til individuelle komponenter, f.eks. knapper, rulletekster og tekstinput.
- Vigtig vejledning i, hvordan komponenterne bruges.
Hent brugergrænsefladepakken
- Gå til siden Opret apps fra Figma UI Kit.
- Log evt. på med dine Figma-legitimationsoplysninger.
- Vælg Dublet, og vælg derefter det medlem af den Figma-gruppe, du er medlem af. Du kan finde flere oplysninger om duplikering af projekter i Figma, i Figma: Duplikerede filer eller projekter.
- Markér evt. pil ned ud for filnavnet, og flyt filen ud af kladderne.
Læs instruktionerne
Læs instruktionerne fra Læs dette først og Trin 1: Introduktionssiderne i brugergrænsefladepakken. Instruktionerne på disse sider hjælper dig med at forstå generelle retningslinjer for brug af denne pakke. Du får også mere at vide om de ressourcer, der bruges i pakken, f.eks. typografier, retningslinjer for komponenter, understøttede komponenter og meget mere.
Design din app
Følg instruktionerne i Trin 2: Design din appside i brugergrænsefladepakken for at komme i gang med at bruge sættet til at oprette dit eget appdesign.
Hvad du må og ikke må under design
Pakken indeholder en detaljeret vejledning i, hvordan komponenterne bruges. Men her er nogle af de vigtigste ting, du skal huske på, mens du designer appen:
- Læs hver enkelt side omhyggeligt, så designprocessen og konverteringsprocessen går problemfrit.
- Design kun ved hjælp af understøttede komponenter fra denne pakke.
- Brug kun de understøttede skrifttyper, der vises i pakken.
- Komponentnavne må ikke ændres.
- Komponentlag må ikke ændres.
Mere information
Pakken indeholder også flere sider, hvor du kan finde flere oplysninger som sammenfattet nedenfor:
- Trin 3: Konvertér til en app – en visuel repræsentation af at konvertere appdesignet til en app. Hvis du vil følge trinvise instruktioner, skal du se Oprette en lærredsapp fra Figma
- Trin 4: Næste trin – forklarer de næste trin, du kan tage for at forberede din app yderligere til dit forretningsscenarie. Disse trin omfatter oprettelse af forbindelse til data, tilføjelse af applogik og tilføjelse af flere skærmbilleder og kontrolelementer.
- Understøttede komponenter – indeholder oplysninger om understøttede komponenter. Du kan finde flere oplysninger under Komponenter, der understøttes af brugergrænsefladepakken.