共用方式為


使用 UI 工具組設計您的應用程式

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

若要從 Figma 設計建立應用程式,您必須先從從 Figma UI 套件建立應用程式開始。 UI 套件包含元件、範例應用程式及多個其他資源,例如:

  • 關於支援的和不支援的資訊。
  • 如何在 Figma 中設計應用程式的逐步指示,讓您可以在 Power Apps 中轉換應用程式。
  • 支援的元件清單—從基層畫面到各個元件,如按鈕、下拉式功能表和文字輸入。
  • 關於如何使用元件的重要指引。

取得 UI 套件

  1. 前往從 Figma UI 套件建立應用程式頁面。
  2. 如有需要,請使用您的 Figma 認證登入。
  3. 選取重複,然後選擇您所屬的 Figma 團隊。 如需在 Figma 中複製專案的詳細資訊,請參閱 Figma:重複的檔案或專案
  4. 如有需要,請選取檔案名旁邊的向下箭頭,然後將檔案移出您的草稿。

閱讀指示

閱讀 UI 套件內的優先閱讀步驟 1:開始使用頁面中的說明。 這些頁面上的指示可協助您了解使用此套件的一般指導方針。 您也將深入了解套件所使用的資源,例如字型、元件指引、支援的元件等。

設計您的應用程式

按照步驟 2:設計您的應用程式 UI 套件中的說明,開始使用該套件建立您自己的應用程式設計。

設計時的注意事項

套件包含如何使用元件的詳細指引。 但是,在設計應用程式時,必須牢記以下的一些重要注意事項:

  • 請仔細閱讀每一頁,以便設計過程和轉換過程順利進行。
  • 請使用此套件支援的元件進行設計。
  • 請只使用套件中所列的支援字型。
  • 無法變更元件名稱。
  • 無法變更元件階層。

更多資訊

該套件還提供其他頁面以讓您取得更多資訊,總結如下:

另請參閱