指南widget-design

指南 · how-to

如何用 Mac 自己設計 iPhone 主畫面小工具?Flowment Studio 圖文教學

用 Flowment Studio 在 Mac 設計小工具主題,匯出 flowtheme 檔案,匯入 iPhone 的 Flowment,再設定主畫面顯示。附真實配圖、收費與常見問題。

想擁有自己設計的 iPhone 主畫面小工具,可以先在 Mac 上的 Flowment Studio 製作主題,匯出 .flowtheme 檔案,再匯入 iPhone 上的 Flowment。讓卡片使用這個主題,最後在主畫面小工具中選取該卡片,整個過程不需要寫程式。

Studio 負責設計版面;Flowment 負責卡片裡的文字、日期和支援的互動。設計成果用於 Flowment 自己的小工具,無法用來修改其他 App 的小工具。

開始前需要什麼?

  • 一台 Mac,安裝 Flowment Studio。
  • 一部 iPhone,安裝 Flowment。
  • 將匯出檔案傳到 iPhone 的方式,例如 AirDrop 或「檔案」。

照片背景、每日打卡元件與新增內建數字字體需要 Flowment iOS 1.2.3 或更新版本。即使還沒安裝 iPhone App,也可以先在 Studio 裡製作和匯出主題。

本文配圖採用英文介面:手機主畫面於2026年10月22日在本機模擬器擷取,Studio 與 App 內範例來自10月21日已驗收的真實截圖。各畫面的預覽文字、日期和數字用於示意,並不完全一致。

1. 先決定小工具要顯示什麼

先挑一個目的:旅行倒數、某個日期以來的天數、一句自己的話,或每日打卡狀態。每張卡片先表達一件事,比同時塞進許多資訊更容易閱讀。

真實 Flowment 畫面裁切:倒數、個人照片背景與每日打卡卡片
三種內容與樣式範例。照片和打卡來自 App 內預覽,倒數來自主畫面小工具截圖。

2. 在 Studio 設計主題

開啟 Studio,透過「檔案 → 新增主題」開始,也可以開啟支援的既有主題。在畫布上方切換小尺寸與中尺寸。

加入需要的內容與資料元件,選取圖層後調整位置、字體和配色。兩種尺寸都要檢查:中尺寸放得下的版面,小尺寸可能需要重新安排。

若要製作照片主題,在「功能」啟用個人照片,再到「樣式」設定照片區域與遮罩。可以選本機照片檢查對比,但這張個人預覽照片及裁切不會儲存或匯出。打卡主題在 Studio 裡使用範例狀態,不會讀取你的實際打卡歷史。

Flowment Studio 的照片主題畫布、圖層與功能檢查器
真實 Mac 編輯介面。畫布中的照片與文字是預覽內容。

3. 儲存、校驗並匯出主題

先儲存正在編輯的文件,再選擇「匯出主題」。若 Studio 顯示相容性或校驗問題,先處理提示,再繼續匯出。

匯出成果是一個 .flowtheme 主題套件,包含主題及其中使用的圖片資源。保留原始編輯文件,方便日後繼續調整。匯出檔案不會自動將主題上架到商城。

把匯出的檔案傳到 iPhone。傳遞的是主題套件,不是設計畫面的截圖。

4. 在 iPhone 匯入,並讓卡片使用主題

在 Flowment 主題庫使用檔案匯入入口,選擇 .flowtheme 檔案,查看預覽並確認匯入。如果出現匯入額度或版本相容提示,依提示處理後再繼續。

新增或編輯一張相容的卡片,選擇匯入的主題,填入自己的文字或日期,再儲存。照片主題需要在 iPhone 的 Flowment 選擇個人照片,Mac 上的預覽照片不會自動帶過來。

Mac 照片主題設計與 iPhone 照片背景調整介面的對照
Mac 設計,iPhone 填入個人內容。兩張真實截圖使用不同範例文字,並非一次檔案傳輸過程的連續記錄。

5. 放到 iPhone 主畫面

主畫面還沒有 Flowment 小工具時,先加入一個。接著長按小工具,進入「編輯小工具」,選取剛儲存的卡片,核對標題與版面。

匯入主題、儲存卡片、讓主畫面小工具選卡是三個步驟。系統操作可參考加入主畫面小工具教學。重新整理時間由 iOS 管理,修改後不一定立即顯示。

本機模擬器主畫面上的兩個小尺寸 Flowment 小工具與一個中尺寸倒數小工具
真實主畫面展示中小尺寸效果。這些卡片用於說明主畫面顯示,並非上方編輯器中的照片主題。

Studio 免費嗎?Flowment 如何收費?

Flowment Studio 免費使用,建立和匯出主題無需帳號。Flowment 免費下載,包含一個自訂主題匯入欄位。

Flowment Lifetime 是選用的一次性購買,用於擴充卡片與匯入額度、個人雲端同步及完整共享歷史。2026年10月22日,美國 App Store 顯示價格為 19.99 美元。主題套件另外販售,不會因購買 Lifetime 自動全部解鎖。沒有訂閱,實際價格以目前地區 App Store 為準。

常見問題

  • 檔案無法匯入:確認使用的是匯出的 .flowtheme 主題套件,查看相容或校驗提示;主題需要更新的渲染版本時,先更新 Flowment。
  • 匯入後在卡片裡找不到主題:檢查主題支援的功能是否與卡片相符。匯入設計不會自動增加卡片不支援的行為。
  • 照片沒有帶到手機:在 iPhone 重新選擇。Studio 的個人預覽照片不包含在匯出檔案裡。
  • 主畫面仍顯示舊樣式:確認卡片已套用新主題並儲存,再檢查小工具是否選取這張卡。
  • 遇到匯入數量限制:查看 App 裡的免費欄位和 Lifetime 說明。匯入主題本身不會自動取得付費權益。

從一個簡單的文字或日期主題開始,檢查中小尺寸,再匯出第一份作品。想進一步了解編輯器,可以看 Flowment Studio 介紹;產品支援請見說明中心。

讓時刻留在視線裡

做一張屬於你的 Flowment 卡片。

前往 App Store 下載