[創作邦週報] AI 寫程式案例分享 / 3 款 AI 工具推薦 / 每週社群更新

Hi 近期參加活動，在跟人自我介紹時，雖然還是會以凱文設計作為主要的工作身分分享，但發現自己其實慢慢更多的工作不是設計了，還包括了用 AI Coding 與自動化替人解決問題的角色。

這期電子報就想來分享我用 AI 寫程式做了什麼。

*另外部落格跟電子報重新建立，大家如果怕收不到信，可以加入好友，方法如下：

AI 寫程式：案例分享

我現在花很多時間在 AI 寫程式上面，上次電子報有稍微提到 lovable 這個工具，這工具是我很喜歡的 AI 寫程式服務，我使用他建立了創作邦等多個網站，也協助朋友建立了一個資訊網站，更用來搭建客戶需要的服務替他們解決問題。

AI 建立出來的東西當然還有很多不足之處，但其實已經有非常大的價值跟可用性了，這次電子報就想來跟大家分享一些 lovable 使用案例，也讓大家知道 AI 寫程式可以應用在哪。

▍創作邦官網｜資源導航網站

我用 lovable 架設了一個資源導航網站，你在站上看到的前台都是靠 AI 完成，後台也有專屬的管理系統，讓我可以上架這些資源。

lovable 除了能依照需求建立前台外，後台也提供 Supabase 串接，讓我能夠完成有 CMS (內容管理系統)功能的網站。

除了 CMS 外，也有不少特點想分享：

1.我讓 AI 協助串接 Make，讓我在網站收到的 Email 可以直接匯入 Ghost
2.所有前台想要展示呈現的資訊，後台都能設計出專屬的編輯功能
3.可以設定各種小功能，網站跑馬燈、定時視窗彈出等，客製度非常高

▍Jobs.game｜遊戲相關徵才資訊分享網站

我與朋友一起製作的一個徵才資訊分享網，主要是用來展示資訊的，但也開放大家可以透過表單上傳徵才資訊，後台則做了審核與管理功能。

其實這個網站是來自朋友的一個想法，當時聊到後，我發現有機會透過 AI 來協助完成，就一起執行，最後很開心能完成這樣一個網站，目前也持續更新，定期新增各種功能。

如果你也有一些點子，AI 真的是很棒的工具，可以幫助我們實現一些過去很難實現的點子。

▍個人客製資源與工具介面｜Dashboard 介面

瀏覽器換用 Comet 後，一直在想能不能有一個自己專屬的網頁來放「客製化」的資訊內容，但其實多數服務很難滿足需求。
󠀠
例如我想要讓 Todoist 資訊可以呈現，但是這點除了自架很難客製化整合進頁面中。
󠀠󠀠
所以最後還是決定自己用 AI 開發一個，可以放各種自己想要的功能，完成一個多功能客製化 Dashboard，這個工具其實在介面呈現上不難，最麻煩的就是如何描述與串接功能，因為要串不同功能服務，所以要學習一點 API 串接概念。
󠀠
但很推薦可以嘗試看看，會串 API 能讓你透過 AI 做出更多厲害的工具。

▍n8n 串接｜自動化前台介面

最後想分享的案例是我協助客戶的案例，原本是要用 n8n 幫客戶串接一些自動化，但還是會需要一個介面給使用者(內部)操作跟查看一些資訊數據。

這時 lovable 就是一個很好的前台，我一開始也是抱持試試看的想法，因為沒有串過，但發現比想像容易，只要說請出需求，AI 就可以在網站上幫我建立好一個可以把資料打到 n8n 的 webhook，也能接收 n8n 傳來的資料。

能收發資料，加上 n8n 的強大功能，就能透過二者結合做出厲害的工具了。

以上就是一些簡單的分享，我還做了不少案例，未來還能分享，如果大家針對以上案例有什麼想更了解的都歡迎問我。

「我相信未來會從找個好工具來用的時代，慢慢變成打造適合自己工具的時代了。」

如果大家有興趣，也可以回信告訴我想看什麼，我會再來分享更多使用心得。

也歡迎使用我的推薦連結註冊使用 lovable，可以免費獲得 10 次使用額度：
https://lovable.dev/invite/b4f32417-94cc-4bda-84e3-fad8b8012302

▍Google Veo3-箱子飛出產品組成房間

0:00

/0:08

前段時間有很多 IKEA 箱子爆開變成房間的 AI 動畫，這邊想分享一篇文是告訴大家可以用什麼提示詞在 Google Veo3 生成，大家只要照抄，改成自己喜歡的內容，就可以生出不錯的成果。

影片是我生成的案例，連結是參考原文
https://twitter.com/op7418/status/1946771466823008541

▍Openmagic

這款工具很有趣，內建很多模版，讓我們可以一鍵替換內容進去，像是海報、產品 3D 模型，然後在場景中呈現，真的很酷炫，你可以當作是影片版的 Mockup。

0:00

/0:10

▍AI Motion-Hera

最近體驗到一個新工具 Hera，是一個可以用 AI 生成 Motion 效果的工具服務，目前剛玩，覺得很有趣，效果也還不錯，所以跟大家分享。

我做了一個簡單的動畫，覺得體驗真的很有趣，所以來分享

0:00

/0:15

󠀠󠀠
▌1.文字生成
使用文字說想要的動畫效果就能生成，支援中文，但是動畫的方向我是依照他案例有的方向去提，如果讓他生成太複雜的應該還是會失敗
󠀠󠀠
▌2.支援字體和多種檔案上傳
雖然有檔案大小限制，但多數字體檔案還是可以傳，這功能很好解決了國外服務剛推出都不支援中文的問題
󠀠
影片中我就是上傳思源黑體使用
󠀠
除了字體還能上傳圖片、影片、SVG、CSV 檔案來輔助生成
󠀠
▌3.生成內容可編輯
影片上看到的文字、顏色、圖案文字尺寸、圓角、Padding、透明度生成後都是可以調整的
󠀠
▌4.提示詞超簡單
影片要呈現的對話內容我是直接在提示詞詳細說出對白分別是什麼，他就依照生成
󠀠
我的完整提示
「幫我製作一個 IG 對話動畫，使用我上傳的中文字體，對話內容如下
󠀠
客戶：我想請問如何退訂服務
公司：請至你的帳號「設定」，可以找到「管理訂閱」功能，點開後就能選擇「取消訂閱」。
客戶：感謝說明
客服：不會，如果有任何問題都歡迎再次來訊，希望有幫到你」

󠀠
我的一些心得想法
󠀠
1.比起直接生成整支影片，我更喜歡這種方式，因為整支影片生成太複雜，導致很難有好的結果，不如人類做統籌，AI 做部份協助，效果可能會更好
󠀠󠀠
2.我想剪映之類的工具之後應該也會支援這樣的功能
󠀠
3.一樣本來就有些影像、動態概念的人會更有優勢，在使用上一定能用的更好
󠀠󠀠
4.不要把 AI 當作一個終極解決方案，而是當成輔助角色，體驗一定會更好

▍Portaly 使用指南

Portaly 是一款我自己很推薦自媒體創作者都可以使用的工具，除了可以當作 Link in bio 整理多種平台連結外，還能用來販售數位商品、收集名單、提供合作洽詢聯繫管道等實用功能。

但還是有不少人不知道如何善用 Portaly，而沒有發揮出他的威力，最近我的朋友，也是 Portaly 的愛用者 Coco，推出了一份的數位商品，這份商品超詳盡的介紹 Portaly 的整體架構與使用指南。

如果你是創作者、想經營自媒體或替品牌經營社群，都很推薦可以購買。

詳細產品資訊可以點擊以下連結查看，現在到 8/31 前還能使用折扣碼：KEVIN100 購買，還能再折 100 元，只要 399 元(目前價格 499 元)。

[文章] 設計週報 0714-0721、0721-0728

這二週設計週報持續更新，有興趣的朋友可以持續關注我們的更新喔

🗓️ 設計週報 0714-0721
Claude × Canva整合：一站式 AI 設計工具󠀠󠀠 / Stability AI 強化禁用 R18 類內容條款 / HBO Max 回歸：重塑品牌焦點󠀠 / 金點設計獎公布新評審團陣容󠀠 / 8/2 - 8/11 文博會登場：策展 × IP，雙軸驅動

🗓️ 設計週報 0721-0728
We TAIWAN 大阪登場，光譜展現台灣設計力 / Recraft 升級支援 300DPI 與 CMYK 列印輸出 / Icons8 推出 AI 智能圖示設計工具 / OpenAI 升級圖像 API，支援精準區域編輯 / Netflix 首度應用 GenAI VFX 打造視覺特效

[貼文] 排版微調系列-VOL.045

這系列會跟大家分享各種我把設計調整過後的樣子，希望能呈現出其實一底點調整就可以讓設計變更好󠀠並且所有案例都會希望是用很簡單的方式來呈現，讓大家都可以輕鬆學習

貼文：https://www.instagram.com/p/DMNdHeQhHpS/?img_index=1

[貼文] 設計探索

設計探索系列持續更新，每週跟你分享一個生活中有趣、有用或厲害的設計

1.無障礙廁所的洗手台鏡子其實是「斜的」
https://www.instagram.com/p/DMQAJiSM1P6/

2.迪士尼的「30步規則」讓樂園保持乾淨
https://www.instagram.com/p/DMiBwFJNKoc/

[貼文] AI 應用系列-VOL.05

這個系列會分享我如何應用 AI 生成的案例，主要是圖片的應用，視情況可能會分享一些其它非圖片的生成應用。
󠀠
如果你喜歡或想了解更多 AI 生成應用的案例，歡迎可以追蹤我的帳號與分享貼文，每週我都會分享各種 AI 應用心得。

https://www.instagram.com/p/DMff-ymBTwV/?img_index=1

另外我有製作了一份免費內容「AI設計應用指南」，專門分享我把 AI 應用在設計上的各種心得

[影片] 用 Figma 設計超便利更新的排班表

這部影片分享了如何使用 Figma 搭配 Google Sheet Sync 外掛，來製作一個可輕鬆更新的排班表。

影片的核心宗旨在於，只要預先設定好模板，未來即使非設計相關人員，也能透過編輯 Google Sheet 的內容，一鍵同步更新到 Figma 的設計稿上，大幅提升修改效率，省去重複調整不同版型設計的麻煩。

📨 我未來會開設免費與付費的 Figma 直播課，這邊是預約表單，可以收到開課通知