📰 设计资讯
Figma cofig 大会新功能介绍
已上线
- Figma Motion：动画工具（免费可用）
- Shader：着色器特效与填充（免费可用）
Beta版需申请内测
- 3D 变换：为设计赋予3D立体感和深度
- 代码图层：在 Figma 画布上使用代码进行设计
AI 相关功能
- Agent skills：给 AI Agent 添加额外的“技能包”，让它不仅理解设计稿，还能结合更多上下文完成复杂任务
- 生成式插件：通过 AI 直接生成自定义工具
- Figma Weave：Figma 可视化 AI 工作流工具（有免费额度）
Figma 更新日志和 Beta 申请入口：https://www.figma.com/release-notes/
另外UP主「草帽sMao」发布了 Figma Motion 的专项教学和操作技巧，月维也近期上线支持 Figma Motion 的代码支持，在月维中就能看到动画关键帧的代码信息，让开发者更方便的实现动画效果。
https://www.bilibili.com/video/BV1ooTe62Ebs/
🏆 产品推荐
Figma 粒子模版插件 Particle Factory
这是一款非常适合“懒人”的 Figma 粒子特效插件。它内置了 65 个现成模板，点选即可在画布中生成动画效果。模板类型非常丰富，包括彩纸类（Confetti、金色彩纸）、闪光类（Gold Glitter Fall、Sparkles）、氛围类（雪景球、星空、樱花飘落）、以及可以套用自己素材的 Logo 组装和图片消解等炫技动效。每个模板都能继续微调重力、颜色、发光、模糊等属性，并且支持一键导出到 Figma。
LottieFiles 插件支持导出 Figma Motion 的动画为 json 格式
就在 Figma Motion 正式上线之后，LottieFiles 插件更新了支持导出 Figma Motion 中的动画为 lottie 格式和 json 格式，并且免费开放该功能，和上面粒子插件结合使用，就能将粒子动画导出成 json 格式直接使用了
Figma 表格编辑插件：CoyTable
一款 Figma 表格生成与编辑插件。它支持实时预览、嵌入编辑、拖拽排序等功能，极大改善了在 Figma 中制作和维护表格的痛苦体验。它提供 8 种预设主题色块和 12 套常用数据模板（如商品清单、Bug 追踪等），支持导入 Excel 文件或从剪贴板一键粘贴，并且能够一键生成至画布，或者选中已有表格载入回传编辑
https://www.figma.com/community/plugin/1653235482992231228/coytable
灵感网站推荐：让 AI 也能拥有「设计感」
现在越来越多 AI 编程工具都支持 DESIGN.md，它可以把一个网站的视觉设计（颜色、字体、间距、组件规范等）整理成 AI 可读的设计文档，让生成的界面不再是千篇一律的「AI 风」。这一概念最初由 Google Stitch 推广，如今已经开始形成生态。
先拿设计规范交给 AI，再生成的界面会更有设计感，也更接近真实产品，推荐两个这类的产品
免费开源颜色选择器：Pretty Color Picker
一款轻量、优雅且完全开源的颜色选择器组件，非常适合前端开发者集成到自己的现代 Web/UI 项目中。
GitHub 仓库：https://github.com/kiiradesign/pretty-color-picker
X 推文：https://x.com/kiiradesign/status/2073419336392618251
设计灵感采集站：Recent Design
该网站专门采集和整理来自 X (Twitter) 上的优质设计、创意网站、精美应用、特色图标以及各种新奇的设计工具，是设计师寻找灵感的绝佳去处。
设计灵感采集站：Posts.design
这是一个将全网最热门的模板与设计帖子聚合在一起的网站，每日更新。它可以帮你把零散的灵感帖子集中在同一个地方，并整理得井井有条。
着色器渐变生成器：Gradient Lab
Gradient Lab 可以让你在几秒钟内快速生成惊艳的着色器渐变（Shader Gradients）。它支持自定义颜色、柔和度、角度、速度和亮度，并且支持导出为静态图像、动态视频以及可嵌入的代码。
官网：https://backgrounds.supply/gradient-lab
X 推文：https://x.com/saurra3h/status/2073511187162005915
17 个创意加载动画
17 个创意十足的加载动画（Loader），包括抖动网格、变形形状、牛顿摆、DNA 双螺旋、以及专为 AI 代理设计的盲文加载器等。你可以直接复制粘贴到 BeUI 中使用，从此告别枯燥的常规 Spinner。
https://beui.dev/components/motion/loader
动画词汇对照表
很多时候，设计师与开发沟通动效时，纯文字往往不够直观。有开发者基于 animations.dev 的动效词汇表，用 GSAP 做了一个视觉对照站点。在这里，你可以直接点击词汇查看对应的动效展示，让沟通更高效。
官网地址：https://vocabulary.vikingz.me
X 推文：https://x.com/vikingmute/status/2072494808653070631
🎊 设计素材
高质量 SVG 图标库：Reicon
Reicon 是一个隐藏的宝藏图标库，拥有 2700+ 个专为现代 UI/UX 项目打造的 SVG 图标。它开源、免费、易于定制，完美适用于现代设计项目。
每个图标都提供两种字重——轮廓和填充——并且可以完全自定义大小、颜色和自定义属性/props。图标在与打包工具或框架包一起使用时支持摇树优化，从而确保最小的包体积。
Figma 插件：https://www.figma.com/community/plugin/1652983191908763066
Github：https://github.com/dqev/reicon
Icônes 桌面客户端：Icônes Desktop
如果你每天频繁使用 Icônes 网站来获取图标，现在它可以作为原生的 Mac 客户端使用。该软件包含超过 200,000 个开源图标，支持在桌面直接进行搜索和导出，完全免费且开源。
GitHub 仓库：https://github.com/ensaktas1/icones-desktop
X 推文：https://x.com/ensaktas/status/2073361315381608697
🏖 随便看看
常见物品机械结构剖析：Mechanical Pencil
这个网站对生活中各种常见物品的内部机械结构进行了细致的拆解和剖析。网站内嵌的动态插画与剖析动效极其精致，非常适合用来研究物理动效与插画绘制。
https://mechanical-pencil.com/
微动画 Landing Page 灵感：Play Fast
这是一个充满了巧妙、俏皮的微动画的网页。无论是网站配色的调和，还是细节处的动效交互，都非常适合作为设计产品官网时的灵感与参考。
Claude Code 菜单栏工具：TokenScope
TokenScope 是一款专为 Claude Code 用户打造的 macOS 菜单栏小工具。通过它，你可以在系统菜单栏上直观地查看你的 Claude Code 运行消耗了多少 Token 以及具体花费了多少美金，方便你实时监控开发成本。
官网地址：https://tokenscope.app/zh
GitHub 仓库：https://github.com/HduSy/tokenscope
我们是谁？
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
