2026年Vibe Coding製作網頁心得(2)|CANVA你這個大笨蛋!!!

更新 發佈閱讀 4 分鐘

前言

其實當時在搞時還沒有Vibe Coding的概念,一開始就是看到CANVA AI後"好酷喔,可以寫網頁跟程式!"的想法跑去玩玩,好玩是好玩,但同時血壓也升高不少,推薦低血壓的朋朋過來嘗試看看。

來見見CANVA做網頁的樣子

嚴格來說,在AI之前CANVA本身就是能做網頁的,基礎原理就像是用做簡報的方式排列製作,雖然可以打造出不錯的外觀設計,但在系統、互動上挺劣勢的,光是有顆可以互動的按鈕就幾乎做不太到了。

不過在CANVA AI出來後這些問題是確確實實的改善了,不僅可以讓網頁大升級,也可以做出一些有趣的小程式來使用,對於沒有程式基礎的使用者來說可說是相當方便。

不過最大的方便是,不用購買網域跟主機,CANVA本身就能幫忙直接上架了,在大多數時候挺方便的。

CANVA AI介面

CANVA AI介面

CANVA AI介面2

CANVA AI介面2

我之前有做各式各樣的東西,不過最後比較敢公開的還是偏網站的東西,以下兩個連結都找得到當時做的。

世界連結處名片

世界連結處年度回顧

為什麼我會罵CANVA是大笨蛋?

CANVA AI的模型在理解能力上可說是相當的差勁,尤其是容易出爾反爾,原本可以做到的事情下一次說不可以。

舉例:

仔細看看上面「CANVA AI介面2」的圖片中會發現對話紀錄最底下有個53版的字樣,那裏面記錄著每一次的修改,你往上滑都能看到過去的版本。

原先在跟AI互動時可以輕易的請它幫我回朔至上一個版本讓我重新修改,但過了幾次對話後就開始耍賴說沒有這功能,彷彿就是明明約會過夜好幾次卻說我們只是朋友的渣男/女,盧了好幾次才終於記得我們有在交往......啊不是,是記得有回朔這功能。

也有第二個例子:

CANVA AI睜眼說瞎話的頻率非常高,例如傳一個網址請它確認內容會說都了解,還有辦法講出大概,但實際請它呈現時卻丟出毫無關聯的物件出來。

在剛始作LLM測試時也會對測試問題各種裝懂,不知道這篇文出來後會不會有機會改善,但在當時我光是為了探索就為此花費許多時間,如果在現實職場,這傢伙應該過不了一個月試用期。

CANVA AI優劣勢分析

雖然一直吐槽一直念,但它不是真的那麼糟,還是有些難以取代的優點。(我好像是離不開糟糕伴侶的人喔。)

  • 優勢
  1. 方便性強大,可以即做即上架,完全不用任何網域根伺服器費用,而且免費版本就能使用。
  2. 可以自由穿插在其他設計專案,不論是做簡報、網站、影片等,都能呼叫AI幫忙製作素材。
  3. 可以做的類型很多樣化,簡報、程式、網頁、素材等等。
  • 劣勢
  1. 如果是用純AI做,圖片素材還是只能用網址來放進去,有些可惜龐大素材庫。
  2. 如果穿插在其他設計專案中(尤其是網頁),在線上觀看時,AI素材跟原生素材會有挺明顯的讀取速度落差(AI素材會慢許多)。
  3. 理解力上輸其他AI模型挺多的,在使用上需要多一點耐心。

總結

CANVA就是個愛睜眼說瞎話的臭渣男/女。

但我還是會三不五時去找它,因為有時挺好用的。

留言
avatar-img
世界連結處
19會員
62內容數
這裡是世界連結處,版面主要以創作相關話題為主,本身創作經驗有小說、對戲群,喜歡我的小說或想看更多創作雜談歡迎追蹤按愛心~
世界連結處的其他內容
2026/04/08
最近vibe coding的潮流相當盛行,許多大老已經做出各種有趣的程式、APP或是網頁,而我呢,還在初階的地方默默耕耘、慢慢摸索一些有的沒的。 這陣子發現有許多人vibe coding卻時常忽略資安、後續維護等問題,害我更加得小心翼翼研究相關規範,例如最近剛做好成人向二創網頁,發現沒做......
Thumbnail
2026/04/08
最近vibe coding的潮流相當盛行,許多大老已經做出各種有趣的程式、APP或是網頁,而我呢,還在初階的地方默默耕耘、慢慢摸索一些有的沒的。 這陣子發現有許多人vibe coding卻時常忽略資安、後續維護等問題,害我更加得小心翼翼研究相關規範,例如最近剛做好成人向二創網頁,發現沒做......
Thumbnail
2026/03/31
因為是第一次做,所以選用最基礎的方式來嘗試效果,那首先選用的就是兩大主流的GPT跟Gemini,這樣選的原因是主流AI相對其他平台相對穩定且多人使用,至少不怕突然被關站,分享方式也都只要依靠複製連結的形式快速傳播,對我來說在推廣上會方便許多。
Thumbnail
2026/03/31
因為是第一次做,所以選用最基礎的方式來嘗試效果,那首先選用的就是兩大主流的GPT跟Gemini,這樣選的原因是主流AI相對其他平台相對穩定且多人使用,至少不怕突然被關站,分享方式也都只要依靠複製連結的形式快速傳播,對我來說在推廣上會方便許多。
Thumbnail
2026/02/07
這次我的資料庫素材有分成兩種,一種是網路搜尋、一種是從過往回覆紀錄收集數十筆作為樣本。 使用AI分別有GPT、GROK還有Gemini。 不得不說在收集樣本時可以發覺到過往的羊編真的是靠生命在海巡,不僅樣本數超多,時間......
Thumbnail
2026/02/07
這次我的資料庫素材有分成兩種,一種是網路搜尋、一種是從過往回覆紀錄收集數十筆作為樣本。 使用AI分別有GPT、GROK還有Gemini。 不得不說在收集樣本時可以發覺到過往的羊編真的是靠生命在海巡,不僅樣本數超多,時間......
Thumbnail
看更多
你可能也想看
Thumbnail
Canva AI 讓設計新手也能輕鬆製作出美觀且功能齊全的網頁。本文將詳細介紹 Canva AI 的最新功能,例如魔法媒體工具、魔法文案工具和 Canva Code,並逐步解說如何利用 Canva AI 製作響應式網頁,從專案規劃到最後發布,讓使用者無需程式設計經驗,也能輕鬆打造個人作品集網站等。
Thumbnail
Canva AI 讓設計新手也能輕鬆製作出美觀且功能齊全的網頁。本文將詳細介紹 Canva AI 的最新功能,例如魔法媒體工具、魔法文案工具和 Canva Code,並逐步解說如何利用 Canva AI 製作響應式網頁,從專案規劃到最後發布,讓使用者無需程式設計經驗,也能輕鬆打造個人作品集網站等。
Thumbnail
# Canva AI Code 最新使用指南 Canva 在2025年4月發布的 Visual Suite 2.0 中推出了革命性的「Canva Code」功能,這項AI驅動的創新工具讓任何人都能通過簡單提示創建互動式內容,無需任何編程知識。本教學指南將全面介紹Canva Code的所有功能、
Thumbnail
# Canva AI Code 最新使用指南 Canva 在2025年4月發布的 Visual Suite 2.0 中推出了革命性的「Canva Code」功能,這項AI驅動的創新工具讓任何人都能通過簡單提示創建互動式內容,無需任何編程知識。本教學指南將全面介紹Canva Code的所有功能、
Thumbnail
這篇文章有兩個重點,第一點、使用Canva AI 製作網站時遇到的困難該如何解決?第二點、AI開始普及於我們的生活中,我們該如何因應?
Thumbnail
這篇文章有兩個重點,第一點、使用Canva AI 製作網站時遇到的困難該如何解決?第二點、AI開始普及於我們的生活中,我們該如何因應?
Thumbnail
ChatGPT 推出了一種新功能,稱為 "Canvas 模式",可以對特定內容進行反覆修改。根據官方說法,這是為了幫助撰寫程式碼或文章,但我認為這個功能幾乎適用於所有問題。以下是我的理由: 1. 調整知識水平更方便 在我熟悉的領域(如商務日語和資料分析),我可以調整到碩博士水準來獲取更多
Thumbnail
ChatGPT 推出了一種新功能,稱為 "Canvas 模式",可以對特定內容進行反覆修改。根據官方說法,這是為了幫助撰寫程式碼或文章,但我認為這個功能幾乎適用於所有問題。以下是我的理由: 1. 調整知識水平更方便 在我熟悉的領域(如商務日語和資料分析),我可以調整到碩博士水準來獲取更多
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
本文分享作者如何在短時間內考取 Canva 證照的快速方法,並深入實測 Canva Magic Studio 的強大 AI 功能,教你如何利用這些工具加速設計流程、提升工作產品質感,並建議自學者與 Canva 舊用戶如何最大化學習效益。
Thumbnail
本文分享作者如何在短時間內考取 Canva 證照的快速方法,並深入實測 Canva Magic Studio 的強大 AI 功能,教你如何利用這些工具加速設計流程、提升工作產品質感,並建議自學者與 Canva 舊用戶如何最大化學習效益。
Thumbnail
Canva AI 與 DALL·E 自動生成圖片應用教學 在內容創作與自媒體行銷的時代,影像生成AI成為不可或缺的工具。兩個最常見的平台分別是 Canva AI 與 OpenAI 的 DALL·E。雖然兩者都能「自動生成圖片」,但在操作流程、靈活性、輸出品質與實際應用上卻有明顯差異。本文將
Thumbnail
Canva AI 與 DALL·E 自動生成圖片應用教學 在內容創作與自媒體行銷的時代,影像生成AI成為不可或缺的工具。兩個最常見的平台分別是 Canva AI 與 OpenAI 的 DALL·E。雖然兩者都能「自動生成圖片」,但在操作流程、靈活性、輸出品質與實際應用上卻有明顯差異。本文將
Thumbnail
10月4日,Canva推出了AI技術的Magic Studio功能『Canva Magic Studio』 了解這些功能,絕對能夠大大提升你的工作表現。 這AI功能共同構成了的強大功能系統,它們讓設計變得更加簡單高效。 一、Magic Design 只要輸入文字,canva AI就會自動
Thumbnail
10月4日,Canva推出了AI技術的Magic Studio功能『Canva Magic Studio』 了解這些功能,絕對能夠大大提升你的工作表現。 這AI功能共同構成了的強大功能系統,它們讓設計變得更加簡單高效。 一、Magic Design 只要輸入文字,canva AI就會自動
Thumbnail
在這個一人創業也能翻天的時代,會不會用 AI 工具,就是創業效率的分水嶺! Sayit行動診療室幫你整理出目前最實用的免費 AI 工具清單,包含:文案、設計、影片、配音、自動化、SEO、數據追蹤…不只推薦工具,這些工具還都是「免費」,吃完再買單的概念,覺得使用習慣了也符合需求再來升級購買方案也不遲哦
Thumbnail
在這個一人創業也能翻天的時代,會不會用 AI 工具,就是創業效率的分水嶺! Sayit行動診療室幫你整理出目前最實用的免費 AI 工具清單,包含:文案、設計、影片、配音、自動化、SEO、數據追蹤…不只推薦工具,這些工具還都是「免費」,吃完再買單的概念,覺得使用習慣了也符合需求再來升級購買方案也不遲哦
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News