设计素材周刊 176 期 📰 设计资讯 国内两家 UI 设计工具相继关闭海外版 上周 Figma 上市，股价大涨，同时期 Motiff 和 Creatie，两家 UI 编辑产品都宣布8月停止海外版的服务。国内产品的服务的会继续运营不受影响。 Motiff 的国内产品名叫：妙多设计 Creatie 的国内版产品叫：Mastergo（莫高设计） 于此同时，两家都将精力投入到 AI 领域 同属于 Mastergo（莫高设计） 的AI 工具叫 Readdy Readdy 近期 2.0 全新升级！现在可以生成完整的 React + Next.js 项目，自动添加页面路由和常用组件（如 Header、Footer），还能一键修复生成错误。支持在需求中加入参考代码，让 AI 更好理解你的意图。 * readdy.ai Motiff 推出了基于 Figma 的 Motiff Al 插件，目前正在开发中，可以官网加入候补名单抢先体验 * motiff.com 微软 AI 浏览器，Edge 变身 AI 浏览器 微软在 Edge 浏览器推出了一个新的实验性功能：「Copilot 模式」，它将 Edge 从一个传统的网页浏览器，彻底改造为一款「AI 原生」的浏览器。 开启方式：在 Edge 浏览器，打开「Copilot 模式」链接即可开启 www.microsoft.com Canva 现在跟 Claude AI 整合 你现在可以在 Claude 里直接创建和编辑 Canva 设计，开启方式：在 Claude.ai 的设置 Connectors，滚动到Canva 允许访问，就可以在 Claude 里直接做设计图点击前往 Canva 继续深度编辑。（目前需要Canva Pro） x.com claude.ai Figma 近期更新 * Figma 绘画模式增加路径编辑功能（路径优化、路径偏移） * Figma UI 编辑模式增加快捷键控制，在画布上能够进行无鼠标设计和协作 * 可变宽度描边支持快捷键操作 www.figma.com Figma 产品图标诞生过程 在 Figma 中创建产品图标需要数十次，有时甚至数百次迭代。产品设计师 Tim Van Damme 分享了他深思熟虑的图标设计方法，以及塑造每个最终结果的创意探索。 www.figma.com 🏆 产品推荐 macOS 原生的 AI 图像高清化工具 HiPixel 是一款原生 macOS 应用程序，用于 AI 图像超分辨率处理，使用 SwiftUI 构建，并采用 Upscayl 的强大 AI 模型。内置多种 AI 模型（High Fidelity/Digital Art）适应不同场景 下载：hipixel.5km.tech Github:github.com 视频编辑软件：Riveo 视频编辑软件 Riveo，AI 驱动的特效视频编辑器，让你轻松创作出酷炫、专业、具传播力的短视频。现在可以在Mac上使用了，支持 iPhone、iPad、Mac apps.apple.com 图像转为字符图案工具 在线生成风格化图案工具，提供三种不同配色风格，以及字符、颜色、颗粒度等设置。 orbit-tau.vercel.app 🎊 设计素材 磨砂质感图标库 100 个经过优化的 SVG 玻璃风格图标，点击可复制 SVG 格式 nucleoapp.com 谷歌新字体：Google Sans Code 谷歌为程序员精心设计的新字体，Google Sans Code 是由谷歌和 Universal Thirst 联手打造的一款新型等宽字体，专为程序员设计。它将几何的精准度与文艺复兴风格的斜体相结合，在小尺寸下也能保持高可读性。 fonts.google.com 60个免费的网站着陆页面设计文件 www.figma.com 粉色主题的状态插图 空购物车、无网络连接、收件箱、404页面等状态插画 www.figma.com 超酷的金属风素材 www.figma.com 2000+个各种质感的素材文件 www.figma.com

Figma 创始人 Dylan Field 的创业历程为起点，讲述 Figma 的崛起路径、关键运营数据、AI 产品战略及其对当代 AI 创业者的启示。 🧠 一、从辍学到上市：Figma 的创业史 * Dylan Field 19 岁辍学创业，早期项目失败后转向设计协作工具。 * 成立 Figma，凭借云端协作彻底改变设计行业。 * 虽曾遭 Adobe 200 亿美元收购但最终被反垄断否决。 * 如今准备独立上市，成为 SaaS 创业的典范。 📈 二、关键数据亮眼，堪称 SaaS 教科书 Figma 展现出“四高特征”： 1. 高增长：年营收超 7.49 亿美元，ARR 达 9.12 亿。 2. 高质量：客户粘性强，NDR 高达 134%。 3. 高效率：已盈利，研发投入合理。 4. 高渗透：95% 财富 500 强客户，国际营收超 50%。 成功要素包括： * 云端多人协作的产品创新； * 产品主导增长（PLG）； * 强社区建设与分享机制； * 内容营销与 SEO 拉新； * 多产品策略与全球扩展。 🤖 三、AI 战略全面布局，引领新一代设计协作 * 发布 AI 产品组合：Sites、Make、Buzz、Draw 等，打造从设计到代码的完整闭环。 * AI 深度嵌入产品流程，提高效率并降低门槛。 * 超过 150 次在招股书中提及“AI”，体现战略重心。 * 核心优势是协作统一平台 + AI 驱动创作与交付一体化。 Figma 是一个从失败起步、靠产品创新脱颖而出的 SaaS 标杆，现正借助 AI 重构设计未来，并为新时代创业者提供了清晰且可复制的成长范式。

PNG 3，时隔 20 年的更新 PNG 3 最近突然发布了第三版规范，这是自 2003 年 PNG 2 发布以来的第一次重大更新。PNG 3 引入了一些重要新特性，旨在让这个经典的图像格式更适应现代需求。 * 支持 CICP 更轻量的色彩空间描述：PNG 3 引入了 CICP（独立编码点） 来支持更广泛的色彩空间和高动态范围（HDR）图像。 之前的 PNG 支持用嵌入 ICC 文件的方法来支持色彩空间，而 CICP 则提供了一种更轻量级的方式来支持色彩空间。用 CICP 来表示色彩空间只需要 16 个字节，而 ICC 文件通常需要 300 字节以上，对于小尺寸图片并且数量多的场景，这种差异非常显著。 要了解 CICP 可以看看这篇文章：svgees.us。 * 正式支持 APNG 动画： Mozilla 早就提出了 APNG 动画，相比 GIF 动画，APNG 支持真彩色和 Alpha 通道透明度，在过去 APNG 只是一个第三方的标准，虽然部分浏览器支持，但并没有被正式纳入 PNG 标准。PNG 3 现在正式支持 APNG 动画，这意味着未来浏览器和图片工具对 APNG 的支持会更好。 * 原生 HDR 支持： 现在 PNG 3 支持原生的 HDR 图像，通过前面提到的 CICP 来提供支持。据说不久后的 PNG 4 还会增加 HDR 方面的更多特性。 * 原生 Exif 支持：现在 PNG 3 支持原生的 Exif 元数据， 之前 PNG 其实也支持嵌入 EXIF 数据，但不是官方规范中的。 * 即将到来的更多更新：这次时隔多年的更新只是一个开始，PNG 3 团队已经在计划更多的更新，包括更多的 HDR 特性、改进的压缩算法等。 * W3C 规范 www.w3.org * 官方人员博客 www.programmax.net 🏆 产品推荐 配色生成器 Kigen Color Generator 这是一个新出的配色生成器，提供了多种配色方案和风格，支持导出为 CSS 变量，还有对应的 Figma 插件。 * 网页版 kigen.design * Figma 插件 www.figma.com iOS 26 应用图标模板 - iOS 26 App Icon Mockup Generator 这是一个 iOS 26 应用图标的模板生成器，可以上传图片生成一个 iOS 26 应用图标在真实手机中的预览。 * iconcraft.app Emoji 助手 Figma 插件 - Emoji Buddy 一个可以快速把 Emoji 插入到 Figma 设计中的插件，支持搜索、分类。 * www.figma.com 开源、自托管的轻笔记系统 - memos 这是一个开源的轻笔记系统，可以部署在服务器、Nas 或者你的电脑中（通过 Docker）。 它实际上就像是用微博/推特/小红书的方式来记录笔记，支持 Markdown、标签、搜索等功能。它支持多用户和分享，所以在公司团队、或者家庭中可以把它当做一个内部微博/推特。 [alt text]alt text * www.usememos.com 查看完整周刊内容：https://moonvy.com/blog/

Figma 已申请在纽约证券交易所进行 IPO，股票代码为 "FIG" 预计 IPO 日期为 7 月下旬或 8 月初。Figma 于 7 月 1 日（周二）提交了 IPO 申请。股票代码为“FIG”，Figma 将在纽约证券交易所 (NYSE) 上市交易。 * 2023年12月，Adobe 终止收购 Figma ，并支付给 Figma 10亿美元的赔偿金。 * 1300 万月活跃用户 * 95% 的财富 500 强公司使用 Figma * LTM 收入 8.21 亿美元（同比增长 49%） * 净收入留存率：132% * 非公认会计准则营业利润率为 18% * 付费客户超过 10k（2025年第二季度预测：12.55k） www.figma.com x.com Iconfont 首页改版 阿里巴巴的图标库 iconfont 的首页增加了旗下众多的 AI 相关工具入口，包含抠图、高清化、AI消除、AI替换等功能 www.iconfont.cn 完整周刊内容：https://moonvy.com/blog/

Midjourney 上线视频模型V1 一个任务同时生成4条视频，视频分辨率是480，每段是5秒，支持延时每次4秒，最多4次。并且支持选择视频的动态幅度，支持添加首帧参考图。生成内容审美在线。 www.midjourney.com Figma 可以在浏览器中收到通知了 现在可以在浏览器中选择接收 Figma 的推送通知，就像在 Figma 桌面应用中一样。一旦您允许 Figma 在浏览器中向您发送通知，您将实时收到评论回复、评论中的 @ 提及以及文件中（例如 FigJam 中的便签）的 @ 提及提醒 www.figma.com 妙多设计工具原生支持「液态玻璃」效果 国内设计工具妙多是首个原生支持 Liquid Glass(液态玻璃)效果的设计工具，上周 Figma 在X中预告即将上线，没想到还是国内的设计工具速度比较快，直接就上线可以使用了，简单试用了一下，效果表现很好👍 miaoduo.com 月维交付支持上传 Figma 备注（Annotation） 在 Figma 设计图上加的备注（Annotation）信息，支持和设计图一起上传到月维中，标注信息和备注一起看。 moonvy.com 关于 Sketch 2025 新版 Sketch 2025 新版本也更改了版本号，由原来的 101.9 变成了 2025.1，软件内部也有很多的改动，介绍几个可能会用到的变化 * 画框可以多层嵌套了，更接近 Figma 的 Frame，可以多层嵌套 * 增加了画框导出设置「裁切内容」，导出画框时记得勾选，不勾选可能会因为有投影导致内容超出设计图 * 画框调整尺寸，但不要内容跟随移动，要按住 Cmd 再进行调整，这和 Figma 的逻辑也相同 * 很多交付工具都无法上传设计图，可以使用 Moonvy 月维设计交付工具，支持最新版的 Sketch 版本。 Sketch 更新日志：www.sketch.com 月维设计交付：moonvy.com 完整周刊内容：https://moonvy.com/blog

Sketch 支持了「液态玻璃」效果 Sketch 在 Beta 版本中，增加了全新的「图层效果」面板，在面板新增各种特殊效果，包含 * 模糊效果（图层模糊/背景模糊），包含渐进模糊效果 * 玻璃效果，很还原 iOS 26 的液态玻璃效果，还有色散效果 * 动感模糊效果 * 缩放模糊效果，编辑原点之后可以做成类似探照灯效果 以上功能还没有更新到正式版本，需要下载安装最新的 Beta 版本使用 www.sketch.com Figma 新增「可变宽度」描边编辑功能 新增「可变宽度」描边矢量编辑工具，调整路径上任意指定点的描边宽度。该工具可在 Figma Draw 和 Figma Design 中使用。 可变宽度的笔触还允许在平板电脑上利用压力感应进行绘图。Figma 会设置笔触宽度，以反映使用手写笔绘图时在每个点施加的压力大小，这使得 Figma 中的徒手绘图更加逼真。 这个功能还弥补了对文字的变形的需求，文本转曲，变成笔刷，然后就可以使用路径宽度编辑工具进行随意调整啦 www.figma.com 完整周刊内容：https://moonvy.com/blog