往期干貨：

一、設計資訊

1. 國內兩家 UI 設計工具相繼關閉海外版

上周 Figma 上市，股價大漲，同時期 Motiff 和 Creatie 兩家 UI 編輯產品都宣布 8 月停止海外版的服務。國內產品的服務的會繼續運營不受影響。

于此同時，兩家都將精力投入到 AI 領域。

同屬于 Mastergo（莫高設計） 的 AI 工具叫 Readdy

Readdy 近期 2.0 全新升級！現在可以生成完整的 React + Next.js 項目，自動添加頁面路由和常用組件（如 Header、Footer），還能一鍵修復生成錯誤。支持在需求中加入參考代碼，讓 AI 更好理解你的意圖。

網址： https://readdy.ai

Motiff 推出了基于 Figma 的 Motiff Al 插件，目前正在開發中，可以官網加入候補名單搶先體驗。

網址： https://motiff.com

2. 微軟 AI 瀏覽器，Edge 變身 AI 瀏覽器

微軟在 Edge 瀏覽器推出了一個新的實驗性功能：「Copilot 模式」，它將 Edge 從一個傳統的網頁瀏覽器，徹底改造為一款「AI 原生」的瀏覽器。

開啟方式：在 Edge 瀏覽器，打開「Copilot 模式」鏈接即可開啟

網址： https://www.microsoft.com/en-us/edge/ai-powered/copilot-mode

3. Canva 現在跟 Claude AI 整合

你現在可以在 Claude 里直接創建和編輯 Canva 設計，開啟方式：在 Claude.ai 的設置 Connectors，滾動到 Canva 允許訪問，就可以在 Claude 里直接做設計圖點擊前往 Canva 繼續深度編輯。（目前需要 Canva Pro）

網址 1： https://x.com/axichuhai/status/1950058327310053523

網址 2 ：https://claude.ai

4. Figma 近期更新

1. Figma 繪畫模式增加路徑編輯功能（路徑優化、路徑偏移）
2. Figma UI 編輯模式增加快捷鍵控制，在畫布上能夠進行無鼠標設計和協作
3. 可變寬度描邊支持快捷鍵操作

網址： https://www.figma.com/release-notes/?fuid=451634776159532808

5. Figma 產品圖標誕生過程

在 Figma 中創建產品圖標需要數十次，有時甚至數百次迭代。產品設計師 Tim Van Damme 分享了他深思熟慮的圖標設計方法，以及塑造每個最終結果的創意探索。

網址： https://www.figma.com/blog/the-making-of-a-product-icon/

二、產品推薦

1. macOS 原生的 AI 圖像高清化工具

HiPixel 是一款原生 macOS 應用程序，用于 AI 圖像超分辨率處理，使用 SwiftUI 構建，并采用 Upscayl 的強大 AI 模型。內置多種 AI 模型（High Fidelity/Digital Art）適應不同場景

下載： https://hipixel.5km.tech/

Github：https://github.com/okooo5km/HiPixel

2. 視頻編輯軟件：Riveo

視頻編輯軟件 Riveo，AI 驅動的特效視頻編輯器，讓你輕松創作出酷炫、專業、具傳播力的短視頻。現在可以在 Mac 上使用了，支持 iPhone、iPad、Mac

網址： https://apps.apple.com/us/app/video-effects-editor-riveo/id1546053158

3. 圖像轉為字符圖案工具

在線生成風格化圖案工具，提供三種不同配色風格，以及字符、顏色、顆粒度等設置。

網址： https://orbit-tau.vercel.app/#generator

三、設計素材

1. 磨砂質感圖標庫

100 個經過優化的 SVG 玻璃風格圖標，點擊可復制 SVG 格式

網址： https://nucleoapp.com/svg-glass-icons

2. 谷歌新字體：Google Sans Code

谷歌為程序員精心設計的新字體，Google Sans Code 是由谷歌和 Universal Thirst 聯手打造的一款新型等寬字體，專為程序員設計。它將幾何的精準度與文藝復興風格的斜體相結合，在小尺寸下也能保持高可讀性。

網址： https://fonts.google.com/specimen/Google+Sans+Code

3. 60 個免費的網站著陸頁面設計文件

網址： https://www.figma.com/community/file/1533796370708039816

4. 粉色主題的狀態插圖

空購物車、無網絡連接、收件箱、404 頁面等狀態插畫

網址： https://www.figma.com/community/file/1533524543662373391/empty-states-with-lili

5. 超酷的金屬風素材

網址： https://www.figma.com/community/file/

6. 2000+個各種質感的素材文件

網址： https://www.figma.com/community/file/1533232547094084361