App mit dem Figma-UI-Kit entwickeln
Wenn Sie ein Figma-App-Design für die Entwicklung von Canvas-Apps entwerfen möchten, benötigen Sie Komponenten aus dem Figma-UI-Kit. Das Kit enthält viele grafische Darstellungen der Power Apps-Komponenten, die in einer App erwartet werden, wie zum Beispiel:
Formulare, Datenkarten und Abschnitte
Texteingabe, Dropdownlisten und Kombinationsfelder
Umschalter, Kontrollkästchen und Optionsfelder
Schieberegler und Bewertungen
Datumsauswahl und Zeitgeber
Bilder und Rechtecke
Figma-UI-Kit verwenden
Voraussetzung zur Entwicklung von Apps mit dem Figma-UI Kit:
Verwendung der Schriftart Segoe UI zur Erzielung besserer Rendering-Ergebnisse. Sofern Sie sie noch nicht haben, können Sie die Schriftart herunterladen.
Verwenden Sie nur die Komponenten, die auf der Seite Unterstützte Komponenten des Kits angeboten werden.
Verändern Sie nicht die Namen der Komponenten. Zwecks der Vermeidung von Problemen können Seiten nur während der Konvertierung in eine Canvas-App umbenannt werden.
Achten Sie darauf, dass die angebotenen Komponenten, die aus bestimmten Ebenen bestehen, unverändert bleiben.
Verwenden Sie Bilder, die genau wie bei den nachstehenden nicht unterstützten Komponenten umgewandelt werden:
Diagramme
Symbole
Formen
Benennen Sie den Bildschirm msft_Ignore in Fällen, in denen bei der App-Umwandlung kein Bildschirm berücksichtigt werden soll.
Erste Schritte mit dem Figma-UI-Kit
So entwickeln Sie eine App mit dem Figma-UI-Kit:
Öffnen Sie die Webseite Figma-UI-Kit.
Wählen Sie In Figma öffnen aus.
Ihr Bildschirm navigiert zu Figma.
Wenn Sie das Figma-UI-Kit zum ersten Mal nutzen oder Ihre Kenntnisse zur Verwendung auffrischen möchten, nutzen Sie das Deckblatt. Hier erhalten Sie Infos zum Kit und erfahren in vier Schritten, wie Figma verwendet wird.
Nächste Schritte
Die grundlegenden Schritte zum Entwerfen eines App-Designs mit dem Figma-UI-Kit kennen Sie jetzt. Im nächste Schritt sehen Sie, wie Sie mithilfe des Figma-UI-Kits eine spezielle App für eine Fahrradwerkstatt entwickeln.