跳至主要內容
craft apps
← 所有 Craft Apps
FiFigCraft影像與設計

FigCraft UI 設計

用瀏覽器裡的設計工作區,試畫介面、螢幕配置與圖文層次。

工作類型/檔案格式UI・設計
FigCraft編輯器預覽
FigCraft:含手機畫面與圖層樹狀清單的介面工作區。

原始專案的範例工作區;此瀏覽器版本的功能與版面可能不同。

截圖來源

FIGCRAFT / UI・設計

用 FigCraft 試試你的想法

建立一份新文件,放上形狀與文字,試著畫幾個畫面。先聚焦在瀏覽器工作區內能完成的內容,確認適合的視覺方向。

正式開始前,先了解這些。

網頁版從新文件開始,尚未串接原生檔案對話框,因此不能預設具備桌面版的匯入能力。本站也未提供協作伺服器或雲端專案儲存。投入大量設計前,請先確認目前的儲存選項。

編輯器預覽

看看工作區裡有什麼

這些原始專案截圖用來介紹工作區與操作情境。此網頁版本的控制項和檔案支援可能不同,點開圖片可查看完整畫面。

01 / FigCraft

畫面之間,怎麼走

原始範例用互動線連接引導畫面,用來說明流程,不保證本站版本支援全部原型功能。

FigCraft 以互動線串連的引導畫面。
FigCraft 以互動線串連的引導畫面。
02 / FigCraft

從路徑調整形狀

向量圖形露出節點與控制點,示範從輪廓本身微調圖像的方式。

FigCraft 的向量節點與曲線控制點。
FigCraft 的向量節點與曲線控制點。
03 / FigCraft

格線與資訊層次

圖表與資訊區塊配置在欄格線上。畫面數值僅供展示,並非即時分析資料。

FigCraft 以欄格線配置的儀表板。
FigCraft 以欄格線配置的儀表板。

FigCraft 的工作工具

FIGCRAFT / 01—03
01

介面構想

02

形狀與版面設計

03

從新文件開始

你的第一個 FigCraft 專案

01 /

從小專案開始

請直接在網頁版建立新文件。

02 /

做一個明確的調整

編排形狀與文字,讓間距、層次與畫面關係更清楚。

03 /

儲存後,檢查結果

網頁版從新文件開始,尚未串接原生檔案對話框,因此不能預設具備桌面版的匯入能力。本站也未提供協作伺服器或雲端專案儲存。投入大量設計前,請先確認目前的儲存選項。

在瀏覽器裡試試 FigCraft

從小專案開始,另外保留原始檔。正式投入大型檔案前,請先確認可用的儲存方式。

開啟 FigCraft

開始之前

關於 FigCraft 的常見問題

可以免費使用嗎?需要帳號嗎?

基本網頁編輯器免費開啟,不必註冊。若自行使用外部服務,可能適用該服務的條款。編輯器內部目前仍為英文操作介面。

建議用什麼裝置?

建議使用最新版電腦瀏覽器,搭配鍵盤與滑鼠。手機支援程度因工具而異;本頁列出的操作實測僅涵蓋電腦版。

第一次使用,建議從什麼開始?

請直接在網頁版建立新文件。

儲存前,要先檢查什麼?

網頁版從新文件開始,尚未串接原生檔案對話框,因此不能預設具備桌面版的匯入能力。本站也未提供協作伺服器或雲端專案儲存。投入大量設計前,請先確認目前的儲存選項。

圖庫是本站版本的操作截圖嗎?

圖庫收錄原始專案的展示範例,用來說明工作方式,不保證本站瀏覽器版本具備相同檔案相容性。本站實際進行的測試會另外標示。

這裡已經驗證所有格式了嗎?

還沒有。格式名稱說明專案的工作領域,只有附上日期的實測結果才代表本站已檢查。其他檔案、效果與匯出方式仍需個別測試。