Overzicht van het maken van apps vanuit Figma
[Dit artikel maakt deel uit van de voorlopige documentatie en kan nog veranderen.]
De mogelijkheid om apps te maken vanuit Figma-ontwerpbestanden helpt direct de kloof tussen ontwerp en ontwikkeling te overbruggen door het ontwikkelingsproces van de app-UI te versnellen. Het stelt ontwikkelaars en ontwerpers in staat om effectief en efficiënt samen te werken om geweldige eindgebruikerservaringen te leveren tegen lage kosten en met geringe moeite.
Ontwerpers kunnen ontwerpen maken in Figma met behulp van de UI-kit voor het maken van apps vanuit Figma, dat ondersteunde onderdelen biedt voor Power Apps en gedetailleerde instructies bevat voor het gebruik van de kit. Zodra de ontwerpen zijn gemaakt, geeft u gewoon de koppeling naar het Figma-ontwerpbestand op, waarna Power Apps een nieuwe canvas-app genereert op basis van die ontwerpen. De ontwerpframes worden automatisch omgezet in schermen in Power Apps. Zodra de gebruikersinterface van de app gereed is, kunt u deze app uitbreiden door verbinding te maken met gegevens, app-logica toe te voegen en meer schermen en besturingselementen toe te voegen.
Stap 1: lees voordat u gaat ontwerpen eerst de instructies in de UI-kit voor het maken van apps vanuit Figma over wat precies wordt ondersteund en wat niet.
Stap 2 - Ga naar Figma en ontwerp uw app op deze pagina, die instructies en richtlijnen bevat voor het werken met ondersteunde onderdelen.
Stap 3 - Converteer de app in Power Apps. U doet dit door een Figma-koppeling en -token te verstrekken.
Stap 4 - Na de conversie onderneemt u enkele volgende stappen om uw app nog interactiever en nuttiger te maken.
Uw app ontwerpen in Figma
Ontwerp uw app in Figma met behulp van de UI-kit voor het maken van apps vanuit Figma. Gebruik de Power Apps-onderdelen die worden ondersteund in de kit bij het ontwerpen van uw app.
Een app maken op basis van uw ontwerp
Nadat u het app-ontwerp hebt voltooid, volgt u de snelle en gemakkelijke stappen om een canvas-app te maken op basis van het Figma-ontwerp.
Doorgaan met het bouwen van uw app
Ga door met het bouwen van uw app in Power Apps Studio door meer schermen en besturingselementen toe te voegen. U kunt uw app ook uitbreiden door deze te verbinden met gegevens of deze verder aan te passen door app-logica toe te voegen.