Concevoir votre application à l’aide du kit d’interface utilisateur
[Cet article fait partie de la documentation en version préliminaire et peut faire l’objet de modifications.]
Pour créer une application à partir d’un design Figma, vous devez commencer par le kit d’interface utilisateur Créer des applications à partir de Figma. Le kit d’interface utilisateur se compose de composants, d’exemples d’applications et de plusieurs ressources supplémentaires telles que :
- Informations sur ce qui est pris en charge et ce qui ne l’est pas.
- Instructions étape par étape sur la façon de concevoir votre application dans Figma afin qu’elle puisse être convertie en Power Apps.
- Une liste des composants pris en charge des écrans de base aux composants individuels tels que les boutons, les listes déroulantes et les entrées de texte.
- Conseils importants sur l’utilisation des composants.
Obtenir le kit d’interface utilisateur
- Accédez la page Kit d’interface utilisateur Créer des applications à partir de Figma.
- Si nécessaire, connectez-vous avec vos informations d’identification Figma.
- Sélectionnez Dupliquer, puis choisissez l’équipe Figma dont vous êtes membre. Pour plus d’informations sur la duplication de projets dans Figma, voir Figma : Fichiers ou projets en double.
- Si nécessaire, sélectionnez la flèche vers le bas à côté du nom du fichier et retirez le fichier de vos brouillons.
Lire les instructions
Lisez les instructions des pages Lisez ceci en premier et Étape 1 : Démarrer à l’intérieur du kit d’interface utilisateur. Les instructions sur ces pages vous aident à comprendre les directives générales sur l’utilisation de ce kit. Vous en apprendrez également plus sur les ressources utilisées par le kit, telles que les styles de police, les instructions relatives aux composants, les composants pris en charge, etc.
Concevoir votre application
Suivez les instructions dans la page Étape 2 : Concevoir votre application à l’intérieur du kit d’interface utilisateur pour commencer à utiliser le kit pour créer votre propre conception d’application.
À faire et à ne pas faire lors de la conception
Le kit contient des instructions détaillées sur la façon d’utiliser les composants. Cependant, voici quelques-unes des principales choses à faire et à ne pas faire à l’esprit lors de la conception de l’application :
- Lisez attentivement chaque page afin que le processus de conception et le processus de conversion se déroulent sans heurts.
- Concevez uniquement en utilisant les composants pris en charge dans ce kit.
- N’utilisez que les polices prises en charge répertoriées dans le kit.
- Ne modifiez pas les noms de composant.
- Ne modifiez pas les couches de composant.
Plus d’informations
Le kit fournit également des pages supplémentaires pour plus d’informations, comme résumé ci-dessous :
- Étape 3 : Convertir en application – représentation visuelle de la conversion de la conception de l’application en une application. Pour suivre les instructions étape par étape, voir Créer une application canevas à partir de Figma.
- Étape 4 : Prochaines étapes – explique les prochaines étapes possibles que vous pouvez suivre pour préparer davantage votre application à votre scénario d’entreprise. Ces étapes comprennent connexion aux données, ajout d’une logique d’application, en ajoutant plus d’écrans et des contrôles.
- Composants pris en charge – répertorie les informations sur les composants pris en charge. Pour plus d’informations, voir Composants pris en charge par le kit d’interface utilisateur.