Framer Workshop
Framer B.V. · 圖片 · 程式設計
Framer Workshop 是 Framer 內建的 AI 代理，只要一段簡單描述，就能替你做出網站的自訂程式碼元件。它把輪播、表單、互動卡片這類想法，變成可以直接拖上畫布的元件，而且隨時能改。
關於 Framer Workshop
About
Framer Workshop 是什麼
Framer Workshop 是 Framer AI 系統中專門處理自訂程式碼的部分。你不必拖現成的積木，只要描述想要的互動或功能，代理就會寫出一個符合你網站的元件。它跟你的頁面待在同一個專案裡，所以做出來的東西會一直連著你的設計系統，也一直保持可編輯。
Framer 本身是給設計師和團隊用的 AI 網站建置工具，把視覺畫布和 AI 代理放在一起，讓代理處理版面、文案、樣式、內容和程式碼。在同類 AI 建立網站工具裡，它把設計和建置擺在同一個地方，程式碼那部分交給 Framer 的 AI 代理。
重點在這裡：Workshop 是給不想親手寫 React、又想要自訂行為的人用的。如果你的網站需要範本給不了的東西，就是它上場的時候。不過產出的程式碼還是要自己檢查，因為 AI 寫的東西有可能漏掉例外狀況。
開始使用
- 到 framer.com 註冊，開啟或新建一個專案。
- 跟 Framer 代理開一段新對話，用平常的講法描述你需要的元件。
- 想選模型就選，然後讓代理產生元件，再檢查結果。
- 在對話裡繼續修，或直接在畫布上接手，接著把元件放進頁面。
- 等元件跑起來符合預期，就發布你的網站。
產品資訊
快速了解 Framer Workshop 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 需要自訂互動、又不想親手寫 React 的設計師：程式碼交給 Workshop，畫布上的主導權留在你手上。
- 要發布活動頁的小型行銷與產品團隊：不必等工程師，就能加上別處沒有的元件。
- 想快速驗證點子的創業者：先把功能做出來跑跑看，再決定要不要留。
任務
- 做輪播、游標拖尾這類動態元件：把動作描述清楚，代理就把元件寫出來。
- 組出計算機、多步驟表單這類無需程式碼的元件：當靜態區塊不夠用時特別合適。
- 加上會跟著捲動或點擊反應的動態內容：對那些固定區塊顯得呆板的頁面很有用。
情境
- 把範本改到不像大家都長一樣：一個自訂元件往往就是差別所在。
- 在投入工程時間之前先做功能原型：Workshop 讓你在真的網站上測試互動。
- 替現有的 Framer 專案補上一個小功能，而且不會跟設計系統脫節。
主要功能
一句話變成專屬元件
你描述需要的互動或即時功能，代理就替你的網站寫出一個程式碼元件。從簡單的手風琴到帶緩動的游標拖尾都涵蓋在內。代理就像一個從一句話開始的元件產生器，成果會嵌進你的專案，而不是孤零零放在另一個檔案裡。
沿用你的設計系統
代理做出來的元件會接上你的樣式、間距和字體。網站有規範要遵守時這點很重要，因為新元件不該看起來像從別的地方搬來的。之後要調整也不會弄壞同一個頁面的其他部分。
在畫布上隨時可改
Workshop 產出的東西都保持可編輯。代理做完之後，你可以自己重新排版、改樣式，或把某些部分重做。沒有東西會被鎖進你碰不了的固定範本。
可挑選模型
Framer 讓你視任務挑不同的模型，需要快還是需要深都能取捨。代理會在一個對話裡工作，你可以讓它一次專注做一件事。
分支與審查
代理做的修改可以移到分支上，讓你在上線前先比對差異。團隊可以檢查元件，確認沒問題再合併。
搭配 Framer Skills 使用
你可以把自己的指示存成可重複使用的 skills，讓代理每次都照你專案的慣例走。即使網站不同部分由不同人負責，程式碼風格也能保持一致。
優缺點
優點
- 自訂互動不必親手寫 React，對不寫程式的人門檻低很多。
- 元件產出後仍連著你的設計系統，也仍然可以編輯。
- 分支和審查流程讓團隊能在發布前先檢查 AI 的成果。
- 內建在 Framer 裡，不必另外安裝工具，也不用匯出到別處。
- 可挑模型，能依工作性質在速度與深度之間取捨。
缺點
- 產出的程式碼還是得自己檢查。AI 可能漏掉例外狀況，一個壞掉的元件足以拖住發布。
- 常見行為處理得不錯，但邏輯太特殊時可能要來回好幾輪才對。
- 只能在 Framer 裡用。網站若不在 Framer，Workshop 幫不上忙。
常見問題
它是 Framer 裡負責寫自訂程式碼元件的 AI 代理。你描述一段互動或功能，它就做出一個可編輯的東西，讓你加進網站。
相關內容
探索與 Framer Workshop 相關的工具、技能與文章。
Framer Workshop 替代方案
X Ray Interpreter
X-ray Interpreter · 圖片X Ray Interpreter 是一款以網頁為基礎的 AI 放射科工具，能把 X 光、電腦斷層、磁振造影、超音波與 PET 影像變成白話報告。你上傳一張掃描影像，片刻之間就得到初步的 X 光判讀結果，之後若有需要解釋的地方，還能繼續追問。它的定位是第二意見與學習輔助，而非醫療診斷。
Aieasypic
AIEasyPic · 圖片AIEasyPic 是一款 AI 圖片生成器，能在幾秒內把單純的文字提示變成完成的藝術作品。你也可以用自己照片訓練自訂模型、在現有圖片中替換臉部，並從文字建立短影片片段，全部都能在瀏覽器中完成。它適合想要快速視覺素材的休閒創作者，也適合想打造個人模型、又不想碰任何程式的業餘玩家。
Chargen
Chargen · 圖片Chargen 是一款 AI 角色生成器與世界觀建構工具，專為《龍與地下城》與其他桌上角色扮演遊戲打造。它能將一句構想變成手繪風格的肖像，在同一場工作階段中生出 NPC、怪物、地圖與遭遇，並把每隻生物的細節放在手邊。桌上角色扮演美術這部分靠一套名為 Gold 的點數系統運作，而文字生成器則對所有人保持免費。