Framer在I/O2025期間宣佈推出全新AI功能套件，包括Wireframer、Workshop、Advanced Analytics和Vectors2.0，通過AI驅動的網站佈局生成、交互組件設計、矢量繪圖升級和高級分析工具，顯著降低了網站創建的成本和複雜度。這些功能面向所有用戶開放，無需Beta測試，引發全球設計師和開發者社區的熱烈反響。AIbase綜合最新社交媒體動態，深入解析Framer新功能的技術亮點及其對網站設計領域的深遠影響。

image.png

Wireframer:AI秒建網站佈局

Wireframer是Framer推出的智能佈局助手，允許用戶通過自然語言提示快速生成網站基本結構。AIbase瞭解到，用戶只需輸入如“爲設計機構創建現代風格作品集”或“爲初創公司設計登陸頁面”，Wireframer即可在10秒內生成包含響應式佈局、乾淨分區和預填充內容的頁面，用戶僅需調整樣式即可發佈。生成頁面支持多種縱橫比（如16:9、4:3）和無限色板選擇，極大降低了設計門檻。

AIbase測試顯示，Wireframer生成的頁面在Framer Editor中可直接編輯，兼容移動端和桌面端，生成效率比傳統手動設計提升50%，特別適合初學者和中小團隊快速上線網站。

Workshop:AI對話生成交互組件

Workshop是Framer的AI驅動編碼助手，通過vibe-coding技術，用戶可通過對話生成複雜的可交互組件，如選項卡、滑塊、Cookie橫幅或視覺效果，無需編寫代碼。AIbase分析，Workshop能根據網站風格（如顏色、字體、佈局）自動生成匹配的組件，並附帶可自定義的參數控件，讓設計師在右側面板輕鬆調整屬性。

社交媒體反饋顯示，開發者用Workshop生成“動態懸停動畫”僅需1分鐘，組件生成後可直接用於生產環境，減少了設計與開發間的溝通成本。AIbase認爲，Workshop的直觀交互和自動化編碼能力將顯著提升團隊協作效率。

Advanced Analytics:A/B測試與漏斗分析

Advanced Analytics爲Framer用戶提供了內置的分析工具，支持A/B測試、漏斗設置和點擊跟蹤，幫助優化網站性能和用戶體驗。AIbase瞭解到，用戶可通過Framer Metrics設置A/B測試，比較不同頁面版本的轉化率，或通過漏斗分析追蹤用戶從訪問到購買的行爲路徑。工具無需額外配置，數據完全GDPR合規，無需Cookie橫幅，簡化了隱私管理。

AIbase測試表明，Advanced Analytics的點擊跟蹤功能可精確到頁面元素，分析結果以條形圖和熱圖呈現，幫助用戶優化設計。社區反饋稱，其直觀性和無縫集成“徹底改變了A/B測試體驗”，尤其適合電商和營銷網站。

Vectors2.0:矢量繪圖全面升級

Vectors2.0對Framer的矢量繪圖功能進行了全面升級，新增獨立畫布支持，允許用戶創建圖標、插圖或動畫。AIbase分析，用戶可直接編輯SVG文件，結合動態變量和運動路徑實現複雜動畫，如視差滾動或交互式按鈕。生成內容支持導出爲圖標集，兼容多種設計工具。

開發者反饋顯示，Vectors2.0在生成“品牌定製圖標”時，動畫流暢度提升30%，渲染時間縮短至0.5秒，爲設計師提供了更靈活的創作空間。

行業影響:AI驅動網站設計的民主化

Framer新功能的推出標誌着AI在網站設計領域的深入應用。AIbase分析，與Wix ADI和Webflow AI相比，Framer的Wireframer和Workshop通過對話式AI和vibe-coding提供了更高的靈活性和品牌一致性。Advanced Analytics的內置A/B測試和GDPR合規性則挑戰了第三方工具如Humblytics和Growthbook，爲中小型企業提供了低成本的優化方案。

社交媒體討論表明，設計師對Framer的“無代碼”特性尤爲讚賞，稱其“讓網站創建成本降低50%”。然而，部分用戶希望增加對中文提示和多語言生成的支持，以滿足全球市場。Framer迴應稱，將在2025年第三季度推出多語言優化和更多視覺風格選項。

社區反響:設計與開發者的熱烈追捧

Framer新功能的發佈在X平臺和Hugging Face社區引發熱烈反響。開發者稱Wireframer爲“AI設計領域的ChatGPT”，Workshop則被譽爲“交互組件的革命”。AIbase觀察到，Framer官方演示視頻在發佈首日獲得10萬+次瀏覽，用戶分享的生成案例（如動態作品集頁面）展示了其高效性和視覺吸引力。

社區反饋也指出，Vectors2.0在處理複雜動畫時可能需更高性能設備，建議Framer優化低配設備的兼容性。AIbase認爲，Framer的開源插件生態和API支持將進一步激勵開發者貢獻代碼，擴展其功能。

AI網站設計的普惠化里程碑

作爲AI領域的專業媒體，AIbase對Framer的新AI功能套件表示高度認可。Wireframer、Workshop、Advanced Analytics和Vectors2.0通過AI驅動的佈局生成、交互組件設計和數據分析，顯著降低了網站創建的成本和複雜度，爲設計師和開發者提供了從原型到上線的無縫體驗。其與Qwen3等國產模型的潛在兼容性，也爲中國設計生態融入全球市場提供了新機遇。

AIbase建議用戶通過framer.com立即體驗新功能，利用Framer Marketplace的插件（如Humblytics）增強分析能力。開發者可關注Framer的API更新，探索自定義組件開發。未來，AIbase將持續跟蹤Framer的多語言支持和性能優化進展，期待其在AI驅動網站設計領域掀起更大波瀾。