---
title: "Figma Weave 是什麼？把生成 AI 拉進節點畫布的下一代設計工具"
slug: figma-weave-introduction
url: https://rar.design/posts/figma-weave-introduction
published_at: 2026-04-10
modified_at: 2026-04-10
author: "設計師 Riven"
category: "UI/UX 設計"
tags: ["figma"]
access: public_access
---

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

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

By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-04-10

PROLOGUE / 序章當 AI 工具一個一個冒出來,設計師最頭痛的不是「會不會用」,而是「要在幾個 App 之間跳幾次」才能完成一張像樣的圖。Figma 在 2025 年 10 月底悄悄收購了 Weavy,並在 2026 年 4 月正式把它變成 Figma Weave。這篇文章帶你看清楚:它是什麼、怎麼運作、為什麼節點式 AI 工作流會是未來設計師的基本功。CHAPTER 01 / WHAT IT ISFigma 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▶ 先看官方介紹影片(90 秒)CHAPTER 02 / THE CANVAS節點畫布的三個核心觀念「我們相信第一個 prompt 是創作的起點,而不是終點。AI 的輸出是一種可以被雕塑的新媒材。」— Dylan Field, Figma CEO01 — BRANCHING同一個 prompt,分岔給多個模型你可以把同一段描述同時送進 Flux、Ideogram、Seedream,三個結果並排在畫布上比較,留下最合風格的那一個——不必再開三個分頁、來回複製貼上。02 — CHAINING前一個節點的輸出,是下一個節點的輸入生成一張石頭圖 → 丟進 Image Describer 抓出風格 → 把風格描述串給另一個模型生成新素材 → 再丟進 Rodin 3D 變成可旋轉模型。整條鏈路在同一張畫布上跑完。03 — REUSABILITY工作流可以存成模板,整個團隊重複用調好的節點圖可以打包成 Design App,換素材、改參數就能再產一輪。Figma Community 上已經有超過 20 個官方範例可以直接複製來改。節點之間用線連起來,就像在搭一條素材生產線。圖片來源:FigmaCHAPTER 03 / FIVE WORKFLOWS官方示範的五種實戰工作流Figma 團隊用一個虛構的品牌「Epoch」當案例,只用兩張參考圖,跑出一整套含圖片、影片、3D 模型的品牌素材。整個過程沒有拍攝、沒有外包,全部在 Weave 畫布上完成。五個工作流長這樣:① 風格提煉 Style Extraction把現有的兩張參考圖丟進 Image Describer 節點,抓出文字化的視覺語彙,再用這段文字去長新圖——而不是憑空 prompt。② 風格混合 Style Blending兩種風格獨立調整比重,慢慢混到剛好——比直接在 prompt 裡寫「30% 花朵 70% 岩石」更可控。③ 紋理扭曲 Distortion用節點疊加扭曲效果,做出獨家的視覺紋理,可以拿去當 hero image 的底層。④ 3D 物件生成 3D Generation先讓模型生成石頭的前後左右四個視角,丟進 Rodin 3D V2 變成可旋轉的 GLB 模型,鎖定最美的角度當靜態圖或丟進影片。⑤ 動態合成 Motion Composition把 3D 石頭和扭曲紋理同時動起來——3D 用 Kling Element 節點驅動,紋理用 motion mask 控制路徑,最後輸出成可上線的影片。兩張參考圖、五種工作流,長出一整套品牌系統。圖片來源:FigmaCHAPTER 04 / WHY IT MATTERS為什麼設計師應該開始學節點式思維過去兩年的 AI 設計工具長得像「對話框 + 一張圖」,門檻低、上手快,但天花板也很低——你只能對 AI 喊話,沒辦法精準控制每一步。Figma Weave 把方向掉了個頭。它把流程本身變成可編輯、可重用、可分享的資產。你花時間調出來的工作流,下次換個品牌、換個 prompt 就能再跑一輪;團隊裡的另一個設計師可以打開你的畫布,看懂每個節點在做什麼,然後在你的基礎上接著改。這代表設計師要學的東西也在轉移:從「怎麼下一個好 prompt」變成「怎麼設計一條可以被複用的素材生產線」。前者是 prompt engineer 的工作,後者更像 art director——你在編排流程、配置模型、設定品牌規範,而不是親手畫每一張圖。這也是為什麼 Figma 內部的設計師說,Weave 把他們從「線性 handoff」拉進了「多人同時試方向」的協作模式——產品經理、視覺設計、動態設計可以在同一張畫布上各自接一段,而不是等前一個人交件。CHAPTER 05 / GET STARTED怎麼開始用 Figma Weave01打開 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 × 設計新知Figma Weave、Cursor、Manus、Claude……AI 工具每週都在更新,我幫你只挑出對設計師真的有用的那些,整理成可以直接抄的工作流與案例。了解訂閱方案 →