Übersicht über die App-Erstellung von Figma

[Dieser Artikel ist Teil der Dokumentation zur Vorschauversion und kann geändert werden.]

Die Möglichkeit, Apps aus Figma Design-Dateien zu erstellen, hilft direkt dabei, die Lücke zwischen Design und Entwicklung zu schließen, indem sie den Entwicklungsprozess der App-Benutzeroberfläche beschleunigen. Es ermöglicht Entwicklern und Designern, effektiv und effizient zusammenzuarbeiten, um großartige Endbenutzererlebnisse mit geringen Kosten und geringem Aufwand zu liefern.

Designer können Designs in Figma mithilfe von Erstellen Sie Apps aus dem Figma UI Kit erstellen, das unterstützte Komponenten für Power Apps bereitstellt und enthält detaillierte Anweisungen zur Verwendung des Kits. Sobald die Designs erstellt sind, stellen Sie einfach den Link zur Figma-Designdatei bereit und Power Apps wird basierend auf diesen Designs eine neue Canvas-App generieren. Die Designrahmen werden automatisch in Bildschirme in Power Apps umgewandelt. Sobald die App-UI bereit ist, können Sie diese App um Verbindung zu Daten, App-Logik hinzufügen, und weitere Bildschirme und Steuerelemente erweitern.

Schritt 1: Bevor Sie mit dem Entwerfen beginnen, lesen Sie die Anweisungen aus Erstellen Sie Apps aus dem Figma UI Kit darüber, was unterstützt wird und was nicht.

Schritt 2: In Figma entwerfen Sie Ihre App auf dieser Seite, die Anweisungen und Anleitungen zum Arbeiten mit unterstützten Komponenten enthält.

Schritt 3 – Im Power Apps konvertieren Sie die App. Sie tun dies, indem Sie einen Figma-Link und ein Token bereitstellen.

Schritt 4 – Nach der Konvertierung unternehmen Sie einige nächste Schritte, die Ihre App noch interaktiver und nützlicher machen.

Ihre App in Figma entwerfen

Entwerfen Sie Ihre App in Figma mit dem Erstellen Sie Apps aus dem Figma UI Kit. Verwenden Sie die Power Apps Komponenten unterstützt im Kit beim Entwerfen Ihrer App.

App aus Ihrem Design erstellen

Nachdem Sie das App-Design fertiggestellt haben, folgen Sie den schnellen und einfachen Schritten zu Erstellen Sie eine Canvas-App aus dem Figma-Design.

Fahren Sie mit dem Erstellen Ihrer App fort

Fahren Sie mit dem Erstellen Ihrer App in Power Apps Studio durch Hinzufügen weiterer Bildschirme und Steuerelemente fort. Sie können Ihre App auch erweitern, indem Sie sie mit Daten verbinden, oder passen Sie es weiter an, indem Sie App-Logik hinzufügen wählen.

Nächster Schritt: Entwerfen Sie Ihre App mit dem UI-Kit

Siehe auch

• Canvas-App aus Figma erstellen
• Vom UI-Kit unterstützte Komponenten
• Problembehandlung häufiger Fehler