Panoramica della creazione di app da Figma
[Questo articolo fa parte della documentazione non definitiva, pertanto è soggetto a modifiche.]
La possibilità di creare app dai file di progettazione Figma aiuta direttamente a colmare il divario tra progettazione e sviluppo accelerando il processo di sviluppo dell'interfaccia utente dell'app. Consente a sviluppatori e designer di collaborare in modo efficace ed efficiente per offrire agli utenti finali eccezionali esperienze con costi e impegno ridotti.
I designer possono creare progetti in Figma usando il kit di interfaccia utente Crea app da Figma, che fornisce componenti supportati per Power Apps e include istruzioni dettagliate su come utilizzare il kit. Una volta creati i progetti, è sufficiente fornire il collegamento al file di progettazione Figma e Power Apps genererà una nuova app canvas basata su quei progetti. I frame del progetto vengono automaticamente convertiti in schermate in Power Apps. Una volta che l'interfaccia utente dell'app è pronta, puoi estendere questa app tramite connessione ai dati, aggiunta della logica dell'app e aggiunta di altre schermate e controlli.
Passaggio 1: prima di iniziare a progettare, leggi le istruzioni del kit di interfaccia utente Crea app dal kit di interfaccia utente Figma su cosa è supportato e cosa non è supportato.
Passaggio 2: in Figma, progetterai la tua app in questa pagina, che contiene istruzioni e indicazioni su come lavorare con i componenti supportati.
Passaggio 3 - In Power Apps, convertirai l'app. Lo farai fornendo un collegamento e un token Figma.
Passaggio 4 - Dopo la conversione, eseguirai alcuni passaggi successivi che renderanno la tua app ancora più interattiva e utile.
Progettare l'app in Figma
Progetta la tua app in Figma usando il kit di interfaccia utente Crea app da Figma. Utilizza i componenti Power Apps supportati nel kit durante la progettazione della tua app.
Creare un'app dal progetto
Dopo aver finalizzato il progetto dell'app, segui i passaggi semplici e veloci per creare un'app canvas dal progetto Figma.
Continuare a creare l'app
Continua a creare la tua app in Power Apps Studio aggiungendo altre schermate e controlli. Puoi anche estendere la tua app collegandola a dati o personalizzala ulteriormente aggiungendo la logica dell'app.