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

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

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

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

取得 UI 套件

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

閱讀指示

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

設計您的應用程式

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

設計時的注意事項

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

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

更多資訊

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

• 步驟 3：轉換成應用程式 - 將應用程式設計轉換成應用程式的視覺化表示。 若要依照逐步指示進行，請參閱從 Figma 建立畫布應用程式。
• 步驟 4：後續步驟 - 說明您可以採取的後續步驟，以進一步為您的商務案例準備應用程式。 這些步驟包括連接到資料、新增應用程式邏輯、新增更多畫面和控制項。
• 支援的元件 - 列出支援元件的相關資訊。 如需詳細資訊，請參閱 UI 套件支援的元件。

下一步：從 Figma 建立畫布應用程式

另請參閱

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