使用 UI 工具組設計您的應用程式
[本文章是發行前版本文件,且隨時可能變更。]
若要從 Figma 設計建立應用程式,您必須先從從 Figma UI 套件建立應用程式開始。 UI 套件包含元件、範例應用程式及多個其他資源,例如:
- 關於支援的和不支援的資訊。
- 如何在 Figma 中設計應用程式的逐步指示,讓您可以在 Power Apps 中轉換應用程式。
- 支援的元件清單—從基層畫面到各個元件,如按鈕、下拉式功能表和文字輸入。
- 關於如何使用元件的重要指引。
取得 UI 套件
- 前往從 Figma UI 套件建立應用程式頁面。
- 如有需要,請使用您的 Figma 認證登入。
- 選取重複,然後選擇您所屬的 Figma 團隊。 如需在 Figma 中複製專案的詳細資訊,請參閱 Figma:重複的檔案或專案。
- 如有需要,請選取檔案名旁邊的向下箭頭,然後將檔案移出您的草稿。
閱讀指示
閱讀 UI 套件內的優先閱讀和步驟 1:開始使用頁面中的說明。 這些頁面上的指示可協助您了解使用此套件的一般指導方針。 您也將深入了解套件所使用的資源,例如字型、元件指引、支援的元件等。
設計您的應用程式
按照步驟 2:設計您的應用程式 UI 套件中的說明,開始使用該套件建立您自己的應用程式設計。
設計時的注意事項
套件包含如何使用元件的詳細指引。 但是,在設計應用程式時,必須牢記以下的一些重要注意事項:
- 請仔細閱讀每一頁,以便設計過程和轉換過程順利進行。
- 請使用此套件支援的元件進行設計。
- 請只使用套件中所列的支援字型。
- 無法變更元件名稱。
- 無法變更元件階層。
更多資訊
該套件還提供其他頁面以讓您取得更多資訊,總結如下:
- 步驟 3:轉換成應用程式 - 將應用程式設計轉換成應用程式的視覺化表示。 若要依照逐步指示進行,請參閱從 Figma 建立畫布應用程式。
- 步驟 4:後續步驟 - 說明您可以採取的後續步驟,以進一步為您的商務案例準備應用程式。 這些步驟包括連接到資料、新增應用程式邏輯、新增更多畫面和控制項。
- 支援的元件 - 列出支援元件的相關資訊。 如需詳細資訊,請參閱 UI 套件支援的元件。