🚀 Figma Config 2025 今年新功能帥到炸掉 🚀 實測三款 AI 工具產圖:Shopify AI、Figma AI、Open AI 的 ChatGPT、CSS 友善 Shopify 版型、Keychron Taiwan – Shopify 台灣案例解析
Figma Config 2025 全面發表 AI 功能與建站工具、三大 AI 圖片生成工具實測、CSS 友善 Shopify 版型、Keychron Taiwan 電商網站 Shopify 台灣案例解析!

💎 Figma Config 2025 | 今年新功能新產品帥到炸掉 🚀
之前一度以為 Figma 會不會被 Framer 追過,所幸,Figma 跟 Shopify 一樣都沒令人失望。去年推出 Figma Slides 用 Figma 打造線上簡報,今年 2025 年 Figma 除了推出內建的 Figma AI 新功能外,Figma Sites(發布響應式網站) 直攻 Framer 而來,用 Figma 直接打造網站。
除此之外,出乎意料還有 Figma Draw(向量工具繪圖)、Figma Buzz(製作品牌資產)、Figma Make(透過指令生成任何程式碼) 等新產品問世,擁有挑戰該領域原本霸主的氣勢,逐漸完善 Figma Design 設計前後階段的完整性。
活動網站:https://config.figma.com/san-francisco/

🟡 在此次發布會中,Figma 推出了五項新功能,旨在提升設計流程與創意表現,前往看 Figma 官方的新功能亮點摘要。
✏️ Figma Draw 強化了向量編輯,新增畫筆和填充工具,讓使用者能調整筆觸寬度和頻率,展現個人風格。
✏️ 全新自適應網格功能支援靈活佈局,且開發者可於開發模式查看 CSS 網格屬性。
✏️ Figma Buzz 則讓團隊能批量建立、編輯及發布符合品牌規範的素材,提升協作效率。
✏️ Figma Sites 提供響應式網站設計與發布功能,內建多款模板,方便快速打造專業網站。
✏️ Figma Make 結合 AI 技術,支援從設計提示直接生成可互動原型,並可自由編輯細節,加速創意實現。這些更新反映Figma對應用程序動態需求的前瞻思維,致力於讓設計與開發更緊密結合。


💎 測試比較三款 AI 工具產圖:Shopify AI、Figma AI、Open AI 的 ChatGPT
🟡 大家應該不知道其實 Shopify 的 AI 助理 Sidekick 已經可以直接創建圖片了吧,只能說 Shopify 真的是太慷慨了!
於是我想測試比較這三款 AI 工具產圖:Shopify AI、Figma AI、Open AI 的 ChatGPT 使用同一描述文字創建的圖片分別如何。
我使用的描述文字為「太空中有一隻兔子正在飛越月球,寫實中帶點達達主義風格」
🟡 結果它們產生的圖像解析度和質感的確都滿不錯的,完全可以當作素材來使用在設計專案中,而若以整體的滿意度真正最符合我的期待是 ChatGPT 所建立的圖。
備註:達達主義(法語:Dada或dadaïsme)是一場興起於第一次世界大戰時期的文藝運動,發源地是蘇黎世,涉及視覺藝術、文學(主要是詩歌)、戲劇和美術設計等領域。達達主義的主要特徵包括:追求清醒的非理性狀態、拒絕約定俗成的藝術標準、幻滅感、憤世嫉俗;追求無意、偶然和隨興而做的境界等等。
以下三張 AI 圖,你比較喜歡哪一個呢?



✏️ 備註
🍿 Shopify AI
- 指的是 Shopify 的 AI 工具套件,包括 Shopify Magic 和 Shopify Sidekick。
- Shopify Magic:專為電商商店設計的 AI 助手,提供自動生成產品描述、SEO 內容、行銷文案等功能,協助商家提升銷售與效率。
- Shopify Sidekick:作為 Shopify 的虛擬商業助手,能夠分析商店數據、提供策略建議、生成內容與圖像,並協助日常營運管理。
🍿 Figma AI
- Figma 的 AI 功能,包含「Make an image」和「Edit image」等工具。
- Make an image:使用自訂文字提示生成圖像,支援在 Figma Design、FigJam、Slides、Sites 等應用中使用。
- Edit image:透過文字指令編輯圖像內容,例如更換色系、調整元素、提升解析度等。
🍿 OpenAI – ChatGPT
- OpenAI 提供多種 AI 工具,其中最受歡迎的工具是 ChatGPT,廣泛應用於各種領域。

💎 CSS 友善 Shopify 版型
有些 Shopify 版型的 CSS 檔一開啟就是幫你註解好,連電腦版、平板、手機版都劃分好,對開發者和網頁設計師真是友善啊!
💎 Keychron Taiwan – Shopify 台灣案例解析
✏️ 品牌簡介
Keychron 成立於 2017 年,由鍵盤設計與製造經驗豐富的團隊創辦。核心成員包括擁有多年生產及設計經驗的 Will Ye 與 Sven Zhu。品牌專注於簡約美型且功能強大的無線機械鍵盤,優化 macOS 等多系統。產品支援藍牙、2.4GHz 和 USB-C 三模連接,搭配 QMK/VIA 自訂功能,品質穩定。Keychron 因相容性佳與出色設計,深受新手與玩家喜愛。
✏️ 特點摘要
Keychron Taiwan 的 Shopify 商店整合多款實用 App,提升品牌體驗與轉換率。Loox 顯示「購買已驗證」評論,增強信任,並透過推薦促進分享與折扣。PageFly 提供彈性頁面設計,輕鬆插入影片、圖文和按鈕。網站底部用 Instafeed 串接 Instagram,支持彈窗瀏覽與滑動互動,強化社群連結並降低跳出率。這些工具共同打造高互動、高品質的電商體驗。
✅ 產品評論:
Loox 是我最喜愛的 Shopify 評論 App 之一,前後台介面質感佳且功能強大。它會標示「購買已驗證」評論,確保評價來自真實買家,提升商譽與顧客信任。此外,「朋友推薦」功能讓顧開ㄜ輕鬆分享連結並獲得折扣。
✅ 頁面編輯器(客製化網頁):
所有產品頁下方詳情內容都是由 Shopify App PageFly 建立,支援高度客製化與大量頁面管理。商家可自由排版,輕鬆嵌入 YouTube 影片,調整文字大小與按鈕樣式,操作簡單,方便自主設計。
✅ Instagram 社群貼文嵌入網頁:Instafeed ‑ Instagram Feed
Instafeed 可嵌入 Instagram 貼文,點擊時彈出視窗不離開網站,降低跳出率,並支援鍵盤左右鍵快速瀏覽貼文。
🚀 預約諮詢:網站設計與建置+內容 SEO 優化
若你有 Shopify 電商網站或 WordPress 品牌形象、部落格設計與建站的需求,可以前往填寫表單預約諮詢。Irvinglab 爾文實驗室是一家深度經驗的網頁設計公司,專注打造 Shopify 和 WordPress 網站以及提供 SEO 優化與內容規劃的服務。若想進一步了解服務內容,可以加入 Irvinglab 爾文實驗室的 Line@ 官方帳號 留下訊息給我們。
降低資訊落差,幫助所有人做出最佳判斷,符合現階段的需求與成本考量,以提出最佳解決方案
🎄 加入 Line 學習社群
🍎 Shopify 網站設計與架站學習交流 | Irvinglab 爾文實驗室
簡介:分享主題從網站規劃、設計到建立等相關內容,透過學習交流與經驗分享,讓彼此成長更加快速,主要以 Shopify 建立電商網站為主。
🍎 WordPress 網站設計與架站學習|Irvinglab 爾文實驗室
簡介:學習 WordPress 網站設計與架站,分享實作經驗與交流。
🍎 SEO 資源彙整與學習|Irvinglab 爾文實驗室
簡介:閱讀 SEO 就像喝水一樣,習慣建立與自然地吸收。
🍎 成為網頁設計師 | Irvinglab 爾文實驗室
簡介:邁向網頁設計師之路,了解網頁設計的基本概念與實作經驗交流與分享,無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
🎄 Telegram 學習社群
🍎 Shopify 網站設計與架站學習交流 | Irvinglab 爾文實驗室
簡介:分享主題從網站規劃、設計到建立等相關內容,透過學習交流與經驗分享,讓彼此成長更加快速,主要以 Shopify 建立電商網站為主。
🎄 WhatsApp 的學習頻道
🍎 Shopify eCommerce Web Design 網站設計學習交流|Irvinglab 爾文實驗室
簡介:分享主題從網站規劃、設計到建立等相關內容,透過學習交流與經驗分享,讓彼此成長更加快速,主要以 Shopify 建立電商網站為主。
精選文章
Shopify
SEO
WordPress
Web Design
Web Server