https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|AdobeFirefly Adobe Firefly
使用 AI 網站建構工具 Firefly Builder，打造互動式設計
使用 Firefly Builder，輕鬆將網站、應用程式等構想化為具體設計。它能將您的提示詞與參考資料轉換為回應式設計，讓您直接在畫布上預覽及編輯。
運用設計系統與畫布編輯功能，確保風格一致性與完全掌控
只需輸入提示或上傳品牌規範，即可生成設計系統，讓各版本的視覺風格保持一致。透過「屬性」面板編輯設計，或使用「檢查」工具選取任何元素，再輸入提示描述所需的變更。
輕鬆預覽並分享設計成果
Firefly Builder 能將您的設計化為可點選操作的原型，讓您直接在畫布上測試。將連結傳送給利害關係人、客戶與協作者，收集他們的意見，以便在開始開發前修改並完善設計。
從 AI 網站建立工具匯出您打造的體驗
將整潔的 HTML 程式碼套件交付給開發人員，或匯入網頁程式碼工具，讓您的設計順利進入部署階段。
如何使用 Firefly Builder 建立互動式設計
步驟 1
加入候補名單
步驟 2
開啟 Firefly Builder
步驟 3
開始生成您的專案
步驟 4
預覽您的專案
步驟 5
優化您的成果。
步驟 6
選用步驟：生成另一個專案
若要建立新專案，請取消選取應用程式畫格並縮放畫面。使用底部工具列中的「畫格」工具，在畫布上任意位置繪製新畫格。接著選取畫格並輸入新提示，即可在其中生成新設計。
在畫布上點選不同專案，或透過聊天面板左上方的下拉式選單，即可在各專案之間切換。
如何使用 Firefly Builder 建立互動式體驗
使用 Firefly Builder 建立互動式體驗的步驟
PT5M
firefly
創意控制
Firefly Builder 能產生設計系統，並讓您直接在畫布上編輯設計的每個細節，將氛圍編碼的精準度提升至全新境界。
無需程式碼的互動設計
只需輸入描述、新增視覺參考並上傳品牌規範，AI 網站建構工具便會迅速生成符合您願景的互動設計。
輕鬆分享
設計完善後，只需取得可分享的連結，即可傳送給協作者和利害關係人進行審閱，無需匯出檔案或進行設計交付。
可直接投入生產的成果
Firefly Builder 能快速產生簡潔的程式碼套件，方便您在網頁開發工具中進一步完善。
