從 Figma 建立應用程式的概觀

  • 發行項

[本文章是發行前版本文件，且隨時可能變更。]

透過加速應用程式 UI 開發程式，可直接從 Figma 設計檔建立應用程式，彌補設計與開發之間的橋樑。 這能幫助開發人員和設計師有效率地協作，提供具有低成本且輕鬆的極佳使用者體驗。

設計工具可以使用從 Figma UI 工具組建立應用程式在 Figma 中建立設計，其為 Power Apps 提供支援的元件，並包含如何使用套件的詳細指示。 建立設計之後，只要提供 Figma 設計檔案的連結，Power Apps 就會根據這些設計生成新的畫布應用程式。 設計框架會在 Power Apps 中自動轉換成畫面。 應用程式 UI 就緒後，您可以透過連接至資料、新增應用程式邏輯、新增更多畫面和控制項來擴充此應用程式。

快速入門。

設計您的應用程式。

轉換為應用程式。

後續步驟。

步驟 1 - 開始設計之前，請閱讀從 Figma UI 套件建立應用程式，了解支援和不支援的指示。

步驟 2 - Figma 中，您將在此頁面上設計您的應用程式，其中包含如何使用支援元件的指示和指導。

步驟 3 - 在 Power Apps 中，您將轉換應用程式。 您可以提供 Figma 連結和權杖來執行此動作。

步驟 4 – 轉換完成後，您將進行一些後續步驟，讓您的應用程式變得更具互動性且更實用。

在 Figma 中設計您的應用程式

使用從 Figma UI 套件中建立應用程式，在 Figma 中設計應用程式。 在設計應用程式時，請使用工具組中支援 Power Apps 的元件。

從 Figma UI 套件建立應用程式。

從您的設計建立應用程式

完成應用程式設計後，按照快速簡單的步驟從 Figma 設計建立畫布應用程式。

繼續建立您的應用程式

透過新增更多畫面和控制項，繼續在 Power Apps Studio 中建立您的應用程序 您也可以將應用程式連接至資料，或者新增應用程式邏輯來進一步自訂應用程式。

後續步驟：使用 UI 套件設計您的應用程式

另請參閱