- Irvinglab 爾文實驗室
- Posts
- 🚀 Figma Config 2025 今年新功能帥到炸掉 🚀 實測三款 AI 工具產圖:Shopify AI、Figma AI、Open AI 的 ChatGPT、CSS 友善 Shopify 版型、Keychron Taiwan – Shopify 台灣案例解析
🚀 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 台灣案例解析!
Irving Chen
May 12, 2025
Irvinglab 爾文實驗室
⚡️ 前往閱讀內容更豐富的網頁版 ⚡️
🟡 目錄
💎 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 設計前後階段的完整性。
🟡 在此次發布會中，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 所建立的圖。
以下三張 AI 圖，你比較喜歡哪一個呢？
💎 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 ‑ Product Reviews App
Loox 是我最喜愛的 Shopify 評論 App 之一，前後台介面質感佳且功能強大。它會標示「購買已驗證」評論，確保評價來自真實買家，提升商譽與顧客信任。此外，「朋友推薦」功能讓顧開ㄜ輕鬆分享連結並獲得折扣。
✅ 頁面編輯器（客製化網頁）：PageFly Advanced Page Builder
所有產品頁下方詳情內容都是由 Shopify App PageFly 建立，支援高度客製化與大量頁面管理。商家可自由排版，輕鬆嵌入 YouTube 影片，調整文字大小與按鈕樣式，操作簡單，方便自主設計。
✅ Instagram 社群貼文嵌入網頁：Instafeed ‑ Instagram Feed
Instafeed 可嵌入 Instagram 貼文，點擊時彈出視窗不離開網站，降低跳出率，並支援鍵盤左右鍵快速瀏覽貼文。
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
Teamwork makes the team work
💎 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站，分享實作經驗與交流。
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。
成為網頁設計師
邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：[email protected]
降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量，以提出最佳解決方案
Reply