Uw app ontwerpen met de UI-kit
[Dit artikel maakt deel uit van de voorlopige documentatie en kan nog veranderen.]
Als u een app wilt maken van een Figma-ontwerp, moet u beginnen met de UI-kit voor het maken van apps vanuit Figma. De UI-kit bestaat uit onderdelen, voorbeeldapps en verschillende aanvullende resources, zoals:
- Informatie over wat wordt ondersteund en wat niet.
- Stapsgewijze instructies voor het ontwerpen van uw app in Figma zodat deze kan worden geconverteerd naar Power Apps.
- Een lijst met ondersteunde onderdelen, van schermen op basisniveau tot afzonderlijke onderdelen zoals knoppen, vervolgkeuzelijsten en tekstinvoer.
- Belangrijke richtlijnen voor het gebruik van de onderdelen.
- Ga naar de pagina UI-kit voor het maken van apps vanuit Figma.
- Meld u indien nodig aan met uw Figma-referenties.
- Selecteer Dupliceren en kies vervolgens het Figma-team waarvan u lid bent. Zie Figma: dubbele bestanden of projecten voor meer informatie over het dupliceren van projecten in Figma.
- Selecteer indien nodig de pijl-omlaag naast de bestandsnaam en verplaats het bestand uit uw concepten.
Lees de instructies op de pagina's Lees dit eerst en Stap 1: Aan de slag in de UI-kit. De instructies op deze pagina's helpen u de algemene richtlijnen voor het gebruik van deze kit te begrijpen. U leert ook meer over de resources die door de kit worden gebruikt, zoals de tekenstijlen, richtlijnen voor onderdelen, ondersteunde onderdelen en meer.
Volg de instructies op de pagina Stap 2: Ontwerp uw app in de UI-kit om aan de slag te gaan met het gebruik van de kit om uw eigen app-ontwerp te maken.
De kit bevat gedetailleerde instructies voor het gebruik van de onderdelen. Hier zijn echter enkele van de belangrijkste dingen die u wel en niet moet doen bij het ontwerpen van de app:
- Lees elke pagina aandachtig door zodat het ontwerpproces en het conversieproces soepel verlopen.
- Ontwerp alleen de ondersteunde onderdelen uit deze kit.
- Gebruik alleen de ondersteunde lettertypen die in de kit worden vermeld.
- Wijzig geen onderdeelnamen.
- Wijzig geen onderdeellagen.
De kit biedt ook extra pagina's voor meer informatie, zoals hieronder samengevat:
- Stap 3: Converteer naar een app - een visuele weergave van het converteren van het app-ontwerp naar een app. Zie Een canvas-app maken vanuit Figma voor stapsgewijze instructies.
- Stap 4: Volgende stappen - legt de mogelijke vervolgstappen uit die u kunt nemen om uw app verder voor te bereiden op uw bedrijfsscenario. Deze stappen omvatten verbinding maken met gegevens, app-logica toevoegen, meer schermen toevoegen en besturingselementen.
- Ondersteunde onderdelen - geeft informatie over ondersteunde onderdelen. Zie Onderdelen die worden ondersteund door de UI-kit voor meer informatie.