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.
Download de UI-kit
- 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
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.
Ontwerp uw app
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.
Dingen die u wel en niet moet doen tijdens het ontwerpen
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.
Meer informatie
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.