在本文中,您將了解如何使用現有的 Figma 設計建立畫布應用程式。 Figma 是一種圖形編輯器和設計工具,可用來建立預期軟體設計的原型。 設計完成後,使用 Figma 到應用程式 功能,直接從您在 Figma 檔案中定義的版面配置和設計生成應用程式。

  • 您必須有權存取要使用並從中建立應用程式的 Figma 設計檔案。
  • Figma 檔案必須使用 從 Figma UI 套件建立應用程式 設計。
  • 如果您是第一次使用 UI 套件,請熟悉 概述 功能、 UI 套件 功能及其 元件
  • Power Apps 不會保留您提供的 Figma 檔案。 Figma 檔案只會在記憶體中處理,以產生應用程式。
  • 建立應用程式

  • 登入 Power Apps
  • 在主畫面上,選擇 從頁面設計開始

  • 選擇 影像或 Figma 檔案 > 從 Figma 開始 > 下一步

  • 輸入應用程式名稱。

  • 輸入 Figma 檔案 URL。 其他資訊: 共用檔案和原型

  • 輸入 Figma 個人存取權杖。 其他資訊: 建立新個人存取權杖

    Power Apps 使用您的個人存取權杖來連接至具有 可以查看 (唯讀) 存取權的 Figma 頁面或框架,但不會在 Figma 中進行任何變更。

  • 選取 建立應用程式

    建立應用程式後,您的新應用程式將在 Power Apps Studio 中打開,以便您可以繼續建置和自訂應用程式。

  • 透過 連接至資料 新增應用程式邏輯 ,以及根據需要新增更多 畫面 控制項 來擴充此應用程式。

    儲存、發佈 共用 應用程式。

    疑難排解常見錯誤
  • UI 套件支援的元件