AI 網頁設計現在大致有四種做法：用 Figma、Uizard、v0 這類工具生成設計稿或原型；用 Wix、Hostinger 的 AI 建站器，從描述生成整個網站；在 WordPress 裝 Elementor AI、Divi AI 這類外掛，在編輯器裡請 AI 排版；或是讓 AI 代理直接設計，並把設計做成你網站上真的頁面。四種的差別在 AI 交給你的是「一張設計」還是「一個網站」，以及之後要改設計時，誰來動手。想直接拿到能上線、之後也能繼續用說的改的網站，用 AI 做網站的 WP × Roamer AI 屬於第四種：說出你想要的感覺，AI 從零設計，直接做在你的 WordPress 上。
下面先一種一種說明它們做得到什麼、適合誰，再寫怎麼跟 AI 描述你要的設計、AI 設計最常遇到的三個問題，以及什麼時候還是該找設計師。想看做網站的完整流程與費用，可以看2026 AI 建站完整指南。
各工具的功能與價格是 2026 年 10 月對照官方頁面整理的，外商價格以美元、未稅計。這類工具改版很快，以官方頁面為準。
方式一：AI 生成設計稿（Figma、Uizard、v0）
第一種是設計師和產品團隊最熟的。Figma 的 First Draft 輸入一段描述，幾分鐘內生成可以編輯的線框圖或基本設計，主要針對網站和手機 App 的版面；它開放給 Professional、Organization、Enterprise 等方案，2026 年 5 月起入口改成 Figma 的 AI 代理，還在 beta 陸續開放中。Figma Make 更進一步，從描述生成背後有程式碼的互動原型或網頁應用程式，畫面也能在 Figma 裡繼續調整；想把設計直接發布成網站，Figma 另外有還在 beta 的 Figma Sites。
Uizard 的 Autodesigner 走類似路線，用文字生成多個畫面、可以編輯的原型，也能照你設定的品牌規範來生成。Vercel 的 v0 則站在另一頭：它是會寫真正程式碼的 AI 代理，從形象頁、網路商店到完整的應用程式都能做，做好可以一鍵部署到 Vercel，程式碼用的是 Next.js 這類工程師常用的技術。
這一類的強項是快速探索方向：同一個需求，十分鐘內看五種版面，挑一個再細修。限制是成果多半要交給人接手。Figma 的設計稿要有人做成網站，v0 生成的程式碼之後要改、要維護，也要懂程式的人來顧。
適合誰：設計師、產品團隊，或已經有工程師、需要先跟老闆或客戶對齊設計方向的人。自己開店、沒有工程師，想要一個做好就能營業的網站，這一類通常只走到一半。
方式二：AI 建站器，從描述生成整個網站（Wix、Hostinger、WordPress.com）
第二種是一般人最常接觸的。Wix 在 2026 年 1 月推出 Harmony 編輯器，內建 AI 代理 Aria，可以從描述、模板或空白頁開始，用對話改顏色、重新設計整頁、加商店功能，隨時也能切回手動拖拉。Hostinger AI Builder 有兩種模式：手動模式是拖拉編輯器，不扣 AI 點數；對話模式用聊天的方式建站，每次建立或修改都會扣點。WordPress.com 也有 AI 建站工具，輸入網站名稱和描述就生成頁面與文案，後台另有 AI 助理，可以用對話調整版面和樣式。
這一類在設計上的特色，是 AI 在平台既有的版型與元件裡組合。好處是品質穩定，不太會做出排版崩壞的頁面，從描述到看得到網站只要幾分鐘；代價是很多網站看起來差不多，想做出平台元件以外的東西就會卡住。網站也跟平台綁在一起，例如 Wix 官方說明網站不能匯出到其他主機。各家的實際差別整理在不會寫程式怎麼做網站：各家工具比較。
適合誰：想用最短時間做出一個像樣的網站，接受平台的版型和功能範圍，之後也打算自己在編輯器裡改的人。
方式三：WordPress 外掛，在編輯器裡請 AI 排版（Elementor AI、Divi AI）
第三種給已經在用 WordPress 的人。Elementor 的 AI 代理 Angie，描述你要的頁面就能做出完整版面，還能從品牌資料或一張參考截圖，整理出一套配色、字體與共用樣式，讓之後的頁面都照同一套走；Angie 有每天會重置點數的免費方案，進階表單與動態清單要 Elementor Pro。Divi 的 Divi AI 能生成整頁版面、文字、圖片和程式碼，官網寫可以用 AI 設計的版面做出整個網站，年繳 US$193。
這一類的好處是網站本來就是你的 WordPress，AI 只是讓排版變快，做完的頁面還能在熟悉的編輯器裡一格一格調。前提是你要先有主機和 WordPress，也大概會用 Elementor 或 Divi 的編輯器；主機、備份、外掛更新，以及網站哪天打不開要找誰，都還是你自己的事。Angie 和 Roamer AI 的差別寫在Elementor Angie 是什麼，其他寫文章、做圖的外掛整理在WordPress AI 外掛推薦 2026。
適合誰：已經在用 Elementor 或 Divi，自己會操作 WordPress，想讓 AI 幫忙加快排版的站長、設計師與接案者。
方式四：AI 代理直接設計，並改出真的網站
第四種把設計和施工交給同一個 AI。WP × Roamer AI 從 2026 年 10 月起改成自由設計：你描述想要的感覺，Roamer AI 先為你的品牌定一個設計概念，從零設計版面、配色和專屬的視覺記號，再進到你的 WordPress 把頁面做出來，沒有固定模板可以套。做完它會截桌機和手機的畫面給你看，哪裡不對直接說，不滿意說「復原」就退回。網站放在 RoamerHost 的 WordPress 主機上，主機、SSL 和自動備份都在方案裡。
素材也能交給它。手邊的店面、商品照片直接貼進對話，請它放進網站；沒有照片，它也能生成情境圖。已經做好的網站，之後加頁面、改區塊會沿用原本的設計，想整個換風格就跟它說「幫我重新設計」。設計一整頁大約要 10 到 15 分鐘，圖片、文字和店家資料一次給齊最省時間。這次改版的完整說明在Roamer AI 改為自由設計。
同一個 Roamer AI 做出來的三個示範，風格差很多。青嶼茶事要的是「清晨在山上泡第一壺茶」的安靜留白，做出霧白、墨色加一點曙光橘的「晨霧筆記」，15 則訊息從空白網站做到可以開賣，過程在青嶼茶事完整示範；跳色襪所 POP SOX 要大膽跳色，做成西瓜紅、香蕉黃、芒果橘的冰店招牌配街頭貼紙，8 則訊息做出一間網路商店；浮島甜點工作室什麼都沒準備，AI 從店名找到法式甜點「浮島」這個記號，一則訊息做出首頁。會員跟 Roamer AI 一起做的網站則在會員作品牆，從下班私廚、精品咖啡到海釣體驗都有，私廚網站有菜單分類和預約流程，咖啡網站把保鮮方式和人氣豆款放在首頁。
如果你在比較 AI 架站方案的價格：WP × Roamer AI 進階版平均每月 NT$999（年繳 NT$11,988），主機、WordPress 和 Roamer AI 都包在裡面，額度是 AI 使用額度，每天更新。
適合誰：沒有設計師也沒有工程師，想要一個有自己個性、不像模板的網站，而且之後改設計、加頁面都想直接用中文交代的人。
四種方式放在一起比
| 方式 | 代表工具 | AI 交給你什麼 | 能直接上線嗎 | 之後改設計 | 適合誰 |
|---|---|---|---|---|---|
| AI 生成設計稿 | Figma First Draft、Figma Make、Uizard、v0 | 可編輯的設計稿、互動原型，或一份程式碼 | 設計稿要有人做成網站；v0 可部署到 Vercel | 回到工具裡改，程式碼要懂的人維護 | 設計師、產品團隊、有工程師的公司 |
| AI 建站器 | Wix Harmony、Hostinger AI Builder、WordPress.com | 平台上的完整網站，由既有版型組成 | 可以，網站放在平台上 | 平台編輯器或對話，範圍以平台元件為限 | 想最快上線、接受平台版型的人 |
| WordPress AI 外掛 | Elementor AI、Angie、Divi AI | 你 WordPress 裡的頁面版面 | 可以，但主機與 WordPress 要自己準備 | 在 Elementor 或 Divi 編輯器裡調，或再問 AI | 已經在用 WordPress 與頁面編輯器的人 |
| AI 代理直接設計並施工 | WP × Roamer AI | 從零設計、已經做在你網站上的頁面 | 可以，主機、SSL 已包含 | 直接跟它說，或自己進後台；改前快照、可復原 | 沒有設計師與工程師、想要獨特網站的人 |
怎麼跟 AI 描述你要的設計
不管用哪一種工具，AI 網站設計的成果有一大半取決於你怎麼描述。最沒用的形容詞是「簡約大方、有質感、專業」，因為每一家都這樣說，AI 只能給你最平均的答案。比較有用的是一個畫面：「像清晨在山上泡茶」「像夏天冰店的招牌」「像老派書店的木頭書架」。再補三個形容品牌個性的詞，以及一個你不要的樣子，例如「不要傳統茶行那種紅金禮盒感」，AI 會更快抓到方向。
配色可以給得很具體。已經有 logo 或招牌，就把顏色的色碼給它，或直接貼 logo 圖；沒有的話，說一個實物也行，例如「我們店門口那面墨綠色的牆」。不想要的顏色也一起說。參考網站可以給兩三個，但要講清楚喜歡哪一點，例如「喜歡它首頁的大照片和很少的字」「喜歡它商品列表很好比較價格」，只丟網址，AI 不知道你要學的是哪一部分。參考是學方向，不要叫它照抄別人的版面、文字或圖片。
最常被忘記的是客人。告訴 AI 誰會來看這個網站、多半用手機還是電腦、來網站最想做什麼：看菜單、預約、比價、直接下單。設計的重點會跟著改變，訂位為主的店，預約按鈕就該一直看得到；賣禮盒的，商品照片和價格就該放在前面。
我們是台中一間做舒肥便當的小店，客人多是附近上班族，九成用手機看網站，最常做的事是看今天的菜單、用 LINE 訂餐。想要的感覺像剛整理好的午餐桌：乾淨、有食慾，不要健身房那種很硬的感覺。主色用我們 logo 的橄欖綠，不要粉紅色。首頁要一眼看到今天的菜單和怎麼訂。照片我貼在下面，沒有照片的地方你先生成。
上面這段是一個不錯的開頭。它交代了客人、裝置、要做的事、感覺、顏色、不要的東西和素材，AI 就不用猜。
AI 設計常見的三個問題
每家網站都長得差不多
這是 AI 網頁設計最常被抱怨的地方，原因有兩個：工具本身是從固定的版型裡挑，以及描述太空泛。前者要看工具，Roamer AI 在 2026 年 10 月改成自由設計，就是因為以前從幾套模板裡挑，很多網站做出來都有點像。後者靠你：給畫面、給品牌的故事，請 AI 從店名、產品或你們的習慣找一個專屬的記號，像浮島甜點把甜點照片裁成一座座漂浮的小島。差異化靠配色、版面節奏和這種小記號，換一套奇怪的字體幫助不大。
中文字體
很多 AI 工具預設英文字體，中文就交給訪客裝置上的系統字體，同一頁在不同手機上看起來不一樣。另一種情況是用了只有一種字重的特殊中文字體，標題又設成粗體，瀏覽器只好把筆畫硬描粗，整頁看起來糊糊的。比較穩的選擇是 Google Fonts 上的 Noto Sans TC（黑體，字重 100 到 900）和 Noto Serif TC（宋體，字重 200 到 900），用開放字型授權，商業網站也能用，而且 Google Fonts 會把字檔切成很多小片，頁面用到哪些字才下載哪些，不會讓網站變慢太多。Roamer AI 做中文網站時，內文預設就用這兩套。
圖片版權
用 AI 生成的圖片，先看那個工具的使用條款允不允許商業使用，也不要叫它模仿特定品牌、角色或畫家的風格。另一個常被忽略的地方是保護：美國著作權局 2025 年的報告認為，只靠下指令生成的內容，不足以讓你成為作者，所以單純用 AI 生成的圖，別人拿去用你也不一定擋得住。logo 這類代表品牌、要長期使用的圖案，最好有人實際參與設計。從網路上隨手存的照片更危險，圖庫照片要確認授權範圍。最安全的素材是你自己拍的店面、商品和人。
什麼時候還是要找設計師
AI 很適合把網站做出來、改得快，但有幾種情況，找設計師比較划算。第一是品牌從零開始：logo、名片、招牌、包裝和網站要用同一套識別，這需要有人訪談你、理解你的生意，再做出一整套規範，這部分 AI 可以幫忙發想，很難替你拍板。第二是規模大的品牌或公司，已經有設計系統、多個網站和 App 要一致，需要專人管理。第三是互動很複雜的產品介面，例如多步驟的申請流程、後台系統，要做使用者測試、反覆修正。
很多人最後的做法是分工：請設計師做 logo、主色和一兩張主視覺，把這些交給 AI，網站本身和之後每個月的修改，就交給 AI 處理。設計師的費用花在最需要專業判斷的地方，日常改版不用每次都報價。做網站整體要花多少，可以參考2026 台灣做網站行情。
怎麼選
如果你沒有設計師也沒有工程師，想要一個有自己個性、不像模板的官網或網路商店，而且做完之後改設計、加頁面、上新品都想直接用中文交代，選 WP × Roamer AI 進階版：平均每月 NT$999（年繳），AI 從零設計並直接做在你的 WordPress 上，改壞了說「復原」就退回。如果你是設計師或產品團隊，要先探索方向、再交給工程師做，用 Figma、Uizard 或 v0 生成設計稿最順手。如果只想用最短時間做出一個像樣的網站，接受平台的版型，Wix、Hostinger 這類 AI 建站器就夠了。如果你已經在用 Elementor 或 Divi、自己會操作 WordPress，裝 Angie 或 Divi AI 加快排版最自然。品牌要從零建立一整套識別的，先找設計師，再讓 AI 接手網站。
想先看成果，Roamer AI 完整示範公開了每一句提示詞，覺得適合再到 WordPress 主機代管與 Roamer AI 方案頁選方案。
常見問題
Q：不會設計，用 AI 做出來的網站會好看嗎？
會比多數人自己拖拉的好看，前提是你描述得夠具體。給 AI 一個畫面、三個形容詞、一個不要的樣子和你的照片，它就有方向；只說「好看一點」，就只能拿到最平均的版本。第一版不滿意很正常，看截圖直接說哪裡怪，例如「手機上標題太大」「按鈕顏色太淡」，來回幾次就會接近你要的。
Q：AI 可以照我給的參考網站設計嗎？
可以參考方向，例如配色的感覺、留白的多寡、照片的用法，但不要叫它照抄。別人網站上的文字、照片和明顯有辨識度的設計都有著作權，整頁抄過來有侵權風險，也會讓你的網站跟對方長得一樣。跟 AI 說清楚你喜歡參考網站的哪一點，再請它用你自己的品牌做出來。
Q：AI 設計的網站，手機版會不會跑版？
有可能，很多工具預覽時只看電腦寬度。上線前一定要用手機把每一頁滑一遍。Roamer AI 每次改完都會自動截桌機和手機兩種寬度的畫面檢查版面，但你自己拿手機看一次還是最準。
Q：已經有網站，可以只請 AI 重新設計首頁嗎？
可以。在 WP × Roamer AI 裡，平常加頁面、改區塊會沿用網站原本的設計；想換風格，就跟它說「幫我重新設計首頁」，並說明這次想要的感覺。新首頁滿意了，再請它照同樣的風格改其他頁。改之前它會先拍快照，不喜歡隨時可以退回。
Q：AI 生成的網站設計，著作權是誰的？
各國看法還在發展，美國著作權局的報告認為只靠下指令生成的內容不受保護，但人實際修改、編排過的部分可能受保護。實務上，網站用的文字和照片盡量用自己的，AI 生成的圖先確認工具允許商業使用；logo 這類要長期用的品牌圖案，最好有人參與設計，並保留設計過程的紀錄。
資料來源
- Figma：First Draft 說明、Figma Make、Figma Sites
- Uizard：Autodesigner；Vercel：v0 文件
- Wix：Wix Harmony 編輯器說明；Hostinger：AI Builder
- Elementor：Elementor AI 與 Angie；Elegant Themes：Divi AI
- Google Fonts：Noto Sans TC、Noto Serif TC；美國著作權局：著作權與人工智慧報告第二部分
WordPress
