Progettare l'app utilizzando il kit di interfaccia utente
[Questo articolo fa parte della documentazione non definitiva, pertanto è soggetto a modifiche.]
Per creare un'app da un progetto Figma, devi iniziare con il kit di interfaccia utente Crea app da Figma. Il kit dell'interfaccia utente è composto da componenti, app di esempio e diverse risorse aggiuntive come:
- Informazioni su cosa è supportato e cosa no.
- Istruzioni dettagliate su come progettare la tua app in Figma in modo che possa essere convertita in Power Apps.
- Un elenco di componenti supportati, dalle schermate di livello base ai singoli componenti come pulsanti, menu a discesa e input di testo.
- Indicazioni importanti su come utilizzare i componenti.
Ottenere il kit dell'interfaccia utente
- Vai alla pagina Kit di interfaccia utente Crea app da Figma.
- Se necessario, accedi con le tue credenziali Figma.
- Seleziona Duplica, quindi scegli il team Figma di cui fai parte. Per ulteriori informazioni sulla duplicazione dei progetti in Figma, vedi Figma: file o progetti duplicati.
- Se necessario, seleziona la freccia giù accanto al nome del file e sposta il file fuori dalle bozze.
Leggere le istruzioni
Leggi le istruzioni delle pagine Da leggere e Passaggio 1: iniziare all'interno del kit dell'interfaccia utente. Le istruzioni in queste pagine aiutano a comprendere le linee guida generali sull'uso di questo kit. Imparerai anche di più sulle risorse utilizzate dal kit, come gli stili dei caratteri, le linee guida dei componenti, i componenti supportati e altro ancora.
Progettare l'app
Segui le istruzioni della pagina Passaggio 2: progettare l'app all'interno del kit dell'interfaccia utente per iniziare a utilizzare il kit per creare il progetto dell'app.
Cose da fare e da non fare durante la progettazione
Il kit contiene una guida dettagliata su come utilizzare i componenti. Tuttavia, ecco alcune delle cose da fare e da non fare durante la progettazione dell'app:
- Leggi attentamente ogni pagina in modo che il processo di progettazione e il processo di conversione procedano in modo fluido.
- Progetta solo utilizzando i componenti supportati da questo kit.
- Utilizza solo i caratteri supportati elencati nel kit.
- Non modificare i nomi dei componenti.
- Non modificare i livelli dei componenti.
Altre informazioni
Il kit fornisce anche pagine aggiuntive per ulteriori informazioni come riepilogato di seguito:
- Passaggio 3: convertire in un'app - una rappresentazione visiva della conversione del progetto in un'app. Per seguire le istruzioni dettagliate, vedi Creare un'app canvas da Figma.
- Passaggio 4: passaggi successivi - spiega i possibili passaggi successivi che puoi intraprendere per preparare ulteriormente l'app per il tuo scenario aziendale. Questi passaggi includono connessione ai dati, aggiunta della logica dell'app, aggiunta di altre schermate e controlli.
- Componenti supportati - elenca le informazioni sui componenti supportati. Per ulteriori informazioni, vedi Componenti supportati dal kit di interfaccia utente.