Figma Weave 是什麼?把生成 AI 拉進節點畫布的下一代設計工具

從一個 prompt 到一整套品牌素材,Figma 用節點工作流改寫了 AI 設計的玩法
設計師 Riven

設計師 Riven

2026年4月10日 下午 2:30

UI/UX 設計
Figma Weave 節點式 AI 設計工具介紹封面

PROLOGUE / 序章

當 AI 工具一個一個冒出來,設計師最頭痛的不是「會不會用」,而是「要在幾個 App 之間跳幾次」才能完成一張像樣的圖。

Figma 在 2025 年 10 月底悄悄收購了 Weavy,並在 2026 年 4 月正式把它變成 Figma Weave。這篇文章帶你看清楚:它是什麼、怎麼運作、為什麼節點式 AI 工作流會是未來設計師的基本功。

CHAPTER 01 / WHAT IT IS

Figma Weave 是什麼

簡單說,Figma Weave 是一張節點式的 AI 媒體生成畫布。它的前身是一家叫 Weavy 的以色列新創,2024 年在特拉維夫成立,被 Figma 收購之後改名上線。

它跟一般的 AI 圖像工具最大的差別,是你不是「下一個 prompt 拿一張圖」就結束。你會在畫布上把 prompt、模型、編輯節點、引用素材一個一個串起來,讓上一個節點的輸出變成下一個節點的輸入——很像 ComfyUI、Blender 的 Shader Editor,或是 Unreal Engine 的 Blueprint 系統。

差別在於:Weave 把這套節點式的思維包進了 Figma 的協作環境,所有人都能用瀏覽器打開、即時共編。而且它一次串連市面上幾乎所有主流模型——Seedance、Sora、Veo 做影片,Flux、Ideogram 做寫實圖,Nano-Banana、Seedream 做精修,Rodin 3D V2 做三維模型——一個訂閱搞定。

Figma Weave 節點式 AI 設計畫布介面
Figma Weave 把多個 AI 模型與專業編輯工具放進同一張節點畫布。圖片來源:Figma

▶ 先看官方介紹影片(90 秒)

CHAPTER 02 / THE CANVAS

節點畫布的三個核心觀念

「我們相信第一個 prompt 是創作的起點,而不是終點。AI 的輸出是一種可以被雕塑的新媒材。」

— Dylan Field, Figma CEO

01 — BRANCHING

同一個 prompt,分岔給多個模型

你可以把同一段描述同時送進 Flux、Ideogram、Seedream,三個結果並排在畫布上比較,留下最合風格的那一個——不必再開三個分頁、來回複製貼上。

02 — CHAINING

前一個節點的輸出,是下一個節點的輸入

生成一張石頭圖 → 丟進 Image Describer 抓出風格 → 把風格描述串給另一個模型生成新素材 → 再丟進 Rodin 3D 變成可旋轉模型。整條鏈路在同一張畫布上跑完。

03 — REUSABILITY

工作流可以存成模板,整個團隊重複用

調好的節點圖可以打包成 Design App,換素材、改參數就能再產一輪。Figma Community 上已經有超過 20 個官方範例可以直接複製來改。

Figma Weave 節點工作流範例畫面
節點之間用線連起來,就像在搭一條素材生產線。圖片來源:Figma

CHAPTER 03 / FIVE WORKFLOWS

官方示範的五種實戰工作流

Figma 團隊用一個虛構的品牌「Epoch」當案例,只用兩張參考圖,跑出一整套含圖片、影片、3D 模型的品牌素材。整個過程沒有拍攝、沒有外包,全部在 Weave 畫布上完成。五個工作流長這樣:

Figma Weave 風格提煉工作流示意圖:花朵與岩石紋理融合

① 風格提煉 Style Extraction

把現有的兩張參考圖丟進 Image Describer 節點,抓出文字化的視覺語彙,再用這段文字去長新圖——而不是憑空 prompt。

Figma Weave 風格混合工作流:六張扭曲花朵變體並排比較

② 風格混合 Style Blending

兩種風格獨立調整比重,慢慢混到剛好——比直接在 prompt 裡寫「30% 花朵 70% 岩石」更可控。

Figma Weave 紋理扭曲工作流:花朵與岩石影像的波形扭曲效果

③ 紋理扭曲 Distortion

用節點疊加扭曲效果,做出獨家的視覺紋理,可以拿去當 hero image 的底層。

Figma Weave 3D 工作流產出的 Epoch 品牌桌機與行動版網頁設計

④ 3D 物件生成 3D Generation

先讓模型生成石頭的前後左右四個視角,丟進 Rodin 3D V2 變成可旋轉的 GLB 模型,鎖定最美的角度當靜態圖或丟進影片。

Figma Weave 動態合成工作流:Epoch 音樂播放器介面與動態品牌素材

⑤ 動態合成 Motion Composition

把 3D 石頭和扭曲紋理同時動起來——3D 用 Kling Element 節點驅動,紋理用 motion mask 控制路徑,最後輸出成可上線的影片。

Figma Weave 五種工作流產出的 Epoch 品牌素材集
兩張參考圖、五種工作流,長出一整套品牌系統。圖片來源:Figma

CHAPTER 04 / WHY IT MATTERS

為什麼設計師應該開始學節點式思維

過去兩年的 AI 設計工具長得像「對話框 + 一張圖」,門檻低、上手快,但天花板也很低——你只能對 AI 喊話,沒辦法精準控制每一步。

Figma Weave 把方向掉了個頭。它把流程本身變成可編輯、可重用、可分享的資產。你花時間調出來的工作流,下次換個品牌、換個 prompt 就能再跑一輪;團隊裡的另一個設計師可以打開你的畫布,看懂每個節點在做什麼,然後在你的基礎上接著改。

這代表設計師要學的東西也在轉移:從「怎麼下一個好 prompt」變成「怎麼設計一條可以被複用的素材生產線」。前者是 prompt engineer 的工作,後者更像 art director——你在編排流程、配置模型、設定品牌規範,而不是親手畫每一張圖。

這也是為什麼 Figma 內部的設計師說,Weave 把他們從「線性 handoff」拉進了「多人同時試方向」的協作模式——產品經理、視覺設計、動態設計可以在同一張畫布上各自接一段,而不是等前一個人交件。

CHAPTER 05 / GET STARTED

怎麼開始用 Figma Weave

01

打開 weave.figma.com

用 Figma 帳號登入,直接在瀏覽器跑,不必裝桌面 App。

02

從 Community 範本開始抄

Figma Community 已經有 20+ 個官方 Weave workflow 模板,直接複製來改比從零開始快十倍。

03

先學三個核心節點

Prompt Node(描述)、Image Describer(反向抓風格)、Router Node(讓一個輸入接到多個輸出)——這三個搞懂,你就有能力組出 80% 的工作流。

04

把成品 Export 回 Figma

用 Export Node 輸出 PNG/MP4/GLB,直接拖回 Figma Design 繼續排版,動線完整。

⚠ 開始之前要知道的幾件事

credits 制:每次模型呼叫都會扣 credits,團隊版有共享池,個人版要自己控管預算。

3D 只支援 GLB:目前 Import 節點不接 OBJ、FBX,要從其他工具帶 3D 進來得先轉檔。

不能直接拉雲端:Google Drive、iCloud 的檔案要先下載到本機才能上傳。

企業方案有商用授權:如果要拿生成內容做客戶案,建議走企業版,有完整的版權追溯與保障。

KEY TAKEAWAYS / 重點整理

Figma Weave 是 Figma 收購 Weavy 後推出的節點式 AI 媒體生成畫布,2026 年正式上線。

它的核心不是「下 prompt 拿圖」,而是把多個 AI 模型和編輯工具串成一條可重複使用的工作流。

一個訂閱可以用 Seedance、Sora、Veo、Flux、Ideogram、Nano-Banana、Rodin 3D 等所有主流模型,不必各自付費。

對設計師的真正價值在於「把流程變成資產」——下次換品牌、換素材就能再跑一輪。

從 Community 的官方範本開始改最快,先學 Prompt、Image Describer、Router 三個節點。

FIGMA 課程

想搞懂 Figma 從基礎到 AI 工作流?

RAR 設計攻略的 Figma 完整課程,從介面操作、Auto Layout、元件系統,一路帶到 Figma AI、MCP、Make 等最新功能。學完之後,Weave 這類節點式工具你也能很快上手。

AI 設計覺醒訂閱方案
訂閱制

AI 設計覺醒|每週幫你過濾 AI × 設計新知

Figma Weave、Cursor、Manus、Claude……AI 工具每週都在更新,我幫你只挑出對設計師真的有用的那些,整理成可以直接抄的工作流與案例。

文章標籤

# figma