RAR 設計攻略
  • 線上課程
  • 專欄文章
  • AI 覺醒
  • 關於講師
客服信箱:riven@rar.design

© 2026 RAR 設計攻略 All Rights Reserved.欸嗚欸嗚欸欸嗚嗚嗚喔喔有限公司.統一編號: 90841757
使用者條款.隱私權政策
Made with ♥ by 無為教育科技股份有限公司.Teachify
Developer and agent API documentationSite content index for AI agents (llms.txt)API documentation (OpenAPI)API authentication guide
  1. 首頁
  2. 文章列表
  3. Figma Weave 是什麼?把生成 AI 拉進節點畫布的下一代設計工具

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 三個節點。

RESOURCES / 延伸資源

・Figma Weave 官方網站

・Figma 收購 Weavy 公告

・Five Figma Weave Workflows(官方詳解)

・Figma Community Weave 範本庫

・Weave 官方節點說明文件

FIGMA 課程

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

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

了解 Figma 課程 →
AI 設計覺醒訂閱方案
訂閱制

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

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

了解訂閱方案 →

文章標籤

# figma