2026-03-16 00:00:00
Figma MCP 服务器现已支持双向工作流程，并提供更多编码环境。您可以将渲染后的 UI 作为可编辑框架推送到画布上，与团队一起探索方向并比较流程，然后将设计上下文导入代码。包括 Cursor、Warp、Factory、Firebender 和 Augment
https://www.figma.com/release-notes/
管理员现在可以购买额外的 AI 点数用于 Figma。请选择最适合您团队使用情况的选项：
目前，组织和企业计划已推出按需付费模式，专业计划将于 2026 年 5 月推出该模式。
购买后，管理员可以从管理面板中的“人员”选项卡或“AI积分”页面管理谁可以访问付费AI积分。
https://www.figma.com/release-notes/
网站汇集了设计师在构建用户界面时可以考虑的最佳实践，包含美观性、信息分区、认知偏差以及全面的一些设计定律，甚至也可以用来生成 Skill，应用到 AI 工具中
国内团队开发的面向真实印刷流程的 Figma 插件，把 CMYK 色彩管理、ICC 配置文件转换、图片 DPI 预检、出血与边距设置、可编辑 SVG 导出 等能力整合到一个更流畅的工作体验中——帮助你在 Figma 内快速校验关键印刷要求，并更快导出交付文件。
https://www.figma.com/community/plugin/1583985202878360902/printlyfigma-to-print
你可以从一个基准色出发，按 色相/饱和度/明度 等属性进行参数调整，快速得到成套调色板，并可保存、分享与导出。支持多种 配色（单色、邻近、互补、分裂互补、三色、四色等）、提供 5 种色彩空间（OKHSL、HSL、HSV、LCH、HWB）
https://supercolorpalette.com/
这款复古写实 UI 是偏“色彩科学 + 参数化生成”的在线配色工具，你可以在 OKLCH / OKLAB / LCH / LAB / Display‑P3 / HSL / RGB / HEX 等多种色彩空间中生成与微调调色板，用 亮度（Lightness）/ 色度（Chroma）/ 色相（Hue） 等参数做精细控制，并实时在不同色彩空间之间转换，适合想用 OKLCH 等先进色彩空间做更“稳定、可控、可复现”的配色（尤其是做系统化的 UI 色阶/主题色扩展）的场景
Recordly 是一款可替代 Screen Studio 的开源录屏工具，用来制作更精致、专业感更强的屏幕录制视频。它在“录完就能用”的基础上，补齐了更完整的动效与渲染能力：包括光标动画/渲染管线、更贴近 Screen Studio 的缩放动画、光标循环、以及更顺滑的平移/跟随表现。
同时它提供 macOS / Windows 原生录制能力，并支持 Windows、macOS、Linux 全平台，且有开箱即用的安装包，上手门槛更低。
GitHub：https://github.com/webadderall/Recordly
设计群里小伙伴做的汇集 X（原 Twitter）上优质的交互动画案例，覆盖角色动画、图标动效、加载反馈、导航交互、数据可视化、插画等多种应用场景。所有内容已完成分类整理，支持快速检索，真正做到“随用随找”；同时加载轻量、访问顺畅，对网络环境更友好。
灵感来自 2 月份 X 上刷到的一张加载动画：用盲文点阵做动态加载，既简洁又很有辨识度，视觉效果意外地出色。作者在此基础上进一步把它做成了基于 盲文 Unicode 的旋转指示器，并封装为可直接复用的 React 装饰器组件，接入项目更省事。
没想到盲文这种“特殊语言”还能被拓展成这么有趣、实用的动效表达。
预览：https://cli-loaders-two.vercel.app/
Github：https://github.com/agilek/cli-loaders
作者灵感来源：https://x.com/AliGrids/status/2033002433753002390
让 AI 直接在聊天里画交互式图表，流式输出，边生成边渲染，文章中介绍了用法，以及具体的实现过程和一些注意事项
体验：https://github.com/op7418/CodePilot
原文：https://x.com/op7418/status/2033113845120807170
里面做了很多有意思的设计交互尝试，例子中包含了详细的说明以及多图和交互演示
UI 设计师的博客，展示的 UI 作品设计非常细腻
能带来很多思考和启发
https://tokyo.floguo.com/note/no-one-way-to-use-ai
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
2026-03-08 00:00:00
Figma Slot 用于在组件中预留内容位置的机制，使设计师可以灵活替换或插入不同元素，而不影响组件结构。快捷键 cmd + Shift + S，能够有效减少组件数量，所有用户均可使用，该功能陆续推送
官方使用介绍：https://www.figma.com/blog/supercharge-your-design-system-with-slots/
草帽详细教程：https://www.bilibili.com/video/BV1smPhzxE14/
Copilot 现支持连接 Figma MCP，可将渲染 UI 推送为可编辑图层，并把设计上下文导入代码，已在 VS Code 上线。功能本质上就是让 设计 ↔ 代码 可以双向流动，在开始做设计前可以让 AI 帮你起草原型框架，导入到 Figma 继续完善细节
https://www.figma.com/release-notes/
根据颜色生成不同明暗的配色，支持导出 SVG、代码直接使用
将任意网页转成 Figma 设计文件，这期一次分享 2 个免费工具，亲测好用👍
安装插件之后，在要采集的网站，右键菜单「捕获页面到 Figma」，在 Figma 里粘贴就行了
https://www.yzycolour.top/#/extension
https://wwbmr.lanzouw.com/iInYM3jw1cve
安装插件之后，在要采集的网站，点击插件即可，插件提示复制成功后，在 Figma 里粘贴即可
https://gwrdluzl9j9.feishu.cn/wiki/TTibw3e8niWpvmkfSIWc8bUmnJc
Pixlore 是基于代码驱动的 Figma 生产力插件。它支持将 HTML code 直接转化为高保真的 Figma 矢量对象，自动匹配 Figma 的自动布局、样式属性。无论是复刻线上页面，还是将AI生成的代码转化成可编辑的矢量对象，都能一键转化，让设计工作流更高效。
https://pixlore.newportai.com/despilot-server/operation/trace/promotion/wxq-la-20260309
免费、无需登录，无需注册，裁剪类工具、颜色调色类工具、图片类工具、排版类工具，以及各种类型的计算器工具合集，非常实用
Seater 是一款 macOS 桌面窗口管理工具。在桌面上创建虚拟「工位」，将应用窗口拖入即可自动吸附，让窗口管理变得直观有趣。这也是作者的第一个 VibeCode 产品
作者：https://x.com/zuozizhen/status/2030486413708603399
https://github.com/zuozizhen/Seater
浏览器中的图片美化工具，支持截图或者网站链接，丰富的样式设置支持免费下载
https://www.screenshot-studio.com/
在 Figma 中通过使用组件和布尔运算的方式，制作能够随意组合拆解的地图，思路非常有意思，并且作者还免费将源文件分享出来，可以打开链接后复制一份就能进行编辑了
作者：https://x.com/zaotang18/status/2029502120244936721
文件：https://www.figma.com/design/5fe6uOPPHAr6Cbpbswz9AT/Game-map
https://www.figma.com/@Iconorastudio
它把各种 UI/UX 设计能力做成了“技能（skills）”，对照用例对你现在的项目进行检查和优化，也可以通过更精确的描述让 AI 更懂设计
https://impeccable.style/#hero
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
2026-02-28 00:00:00
Nano Banana 2 是 Google 推出的最新一代图像生成 AI 模型，内部也被称为 Gemini 3.1 Flash Image，它融合了以前版本的高级能力与超快速度，成为 Google 跨产品的默认图像生成引擎。
https://blog.google/innovation-and-ai/technology/ai/nano-banana-2/
现在使用 Figma 生成图像时可以选择 Gemini 3.1（Nano Banana 2）模型进行使用了，AI 生图需要付费版权限
可以使用 Figma MCP 服务器从 Codex 生成 Figma Design 文件。MCP 服务器支持双向交互，将 UI 导入画布，也可以将其导入代码。
https://www.figma.com/release-notes/
关于 Figma MCP 介绍和链接方式：https://developers.figma.com/docs/figma-mcp-server/
全新的标签页菜单正式上线，取代原有的三点菜单。当标签页栏已满时，也能更轻松地查找和管理已打开的文件。
该功能适用于最新版 macOS 与 Windows 桌面应用程序。
https://www.figma.com/release-notes/
SkewPro 透视变形插件是一款专为 Figma 设计师打造的高级图像变形工具。
不同于常见的简单倾斜或扭曲插件，它支持参考图 + 透视图匹配，可以将模板图与待变形图进行精确对位，再进行透视调整。
通过拖拽四个控制点，自由调整位置与角度，实现更真实、更精准的透视效果。
如果你经常做：
这个插件会非常实用
https://www.figma.com/community/plugin/1603231345170114806/skewpro
一款集录制与剪辑于一体的屏幕录制工具，支持原生级截图与录制体验、时间线编辑、字幕生成、多比例导出与专业音频控制，覆盖从录制到发布的完整工作流。支持 macOS、Windows、Linux
http://www.lelekawaii.com/CursorLens/
https://github.com/blueberrycongee/CursorLens
Tailark Pro 是基于 shadcn/ui 扩展的一整套 UI 模板，极简却细节满满。包含 22 个可自定义模块，以紧凑、交互式的方式组织内容，让产品功能展示更清晰、更有节奏。同时支持 Light / Dark 模式切换，拆解每个组件，你都能看到精致的间距控制、层级处理与简洁有力的设计语言。
免费生成带有实时预览的液态玻璃、玻璃形化和新形化 CSS 图像工具
这是个 vibe code 的小工具。现在 vibe code 越来越流行，这样的小工具越来越多了。
https://aethercss.lovable.app/
设计群里小伙伴自己搞的，Rive 丝滑原生的中文界面，使用 Rive 做动画的不要错过这款插件。 像回老家一样的丝滑中文感受 支持更换自定义字体
https://chromewebstore.google.com/detail/rivecn/nhjgmafflpekbjcoljhjlajabjjdmmfa
LeeSin Motion v4.0 是一款面向 Adobe After Effects 的动画分析与规格导出插件，可将时间线与缓动数据可视化导出，提升设计与开发的动画交付效率。支持 macOS、Windows 系统
在图库中展示了设计精美的应用商店图片，在设计过程开始前寻找灵感，支持一键复制图片资源到 Figma，以便随时查看
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
2026-01-27 00:00:00
你可能有疑问，Figma 本身也可以交给工程师进行协作开发，为什么还需要一个第三方工具，这里就揭示给你为什么那么多团队使用 Moonvy 月维进行交付的理由：
Moonvy 月维提供的设计交付功能更加强大，并且由于专注于交付上手起来更加容易，比 Figma 有更人性化的操作体验，比如快速多选复制文本、查看图层轮廓。
Moonvy 月维甚至能实现很多 Figma Dev Mode 不能实现的图层效果，如渐变描边、多层文本渐变等。
此外还有切图压缩、CSS rem/vw/vh、微信小程序 rpx、设计倍数切换、专业色彩格式切换等开发者非常需要的功能，可以说在把设计交付给工程师这件事上 Moonvy 月维比 Figma 更好用更强大。
使用 Moonvy 月维这样的专门的第三方设计交付工具，可以让团队同时使用不同的设计工具如 Figma、Sketch、即时设计等，这样无论设计师使用什么工具，给到工程团队的交付流程与体验能保持一致，即使某个工具出现问题暂时不能使用，也不会影响项目的正常进行。
Figma 专业版的席位更加昂贵，在 2024 年后 Dev Mode 也会只有付费后才能使用。通过 Moonvy 月维来进行交付设计能给你省下更多的团队成本。
为了帮助工程师能够轻松的还原设计图每个细节， 我们提供了最专业的设计标注与代码生成功能，相比 Figma 自带的 Dev Mode 更加强大。
更人性化的操作体验，工程师实现设计图更高效；
不惧复杂图层与特殊效果，Moonvy 能识别更复杂的设计图，各种特殊的效果都能完美生成代码，甚至 Figma 自带的 Dev Mode 不支持的效果也能通过月维实现；
结构布局一目了然，用「图层轮廓」在开发前先了解页面布局 ；
设计图到链接文档，串联各个工具。
强大的设计管理可以打造一个团队设计资源的唯一信息来源，让团队协作更省心，多类型资源随取随用。
相比其他产品的团队，Moonvy 月维是一个更用心在设计上、更关心设计师的团队，我们为设计师推出了一系列的好用的工具，并且建立了最有爱的设计师社群，我们希望长期的为设计师这个群体做出更有价值也更有趣的贡献。
Moonvy 月维的免费版能够使用全部功能，马上开始使用
我们根据团队规模提供不同的套餐，可以前往官网升级团队
对偏个人用途的用户，我们提供了「个人大会员」套餐，除了增加基础用量外，未来还会获得增值功能（FigmaEX 同步数据等）。
帮助你快速理解月维的使用逻辑，顺利完成工具的更换并继续高效交付。
了解如何从 蓝湖、摹客或其他设计交付平台 更换到 Moonvy 月维
月维是通过 「设计图文件名称」 来判断是否自动覆盖的，这样可以更灵活地 手动控制设计图的覆盖规则。
如果你仍然希望使用 画板 ID 的方式，可以在 月维 Figma 插件 的设置页面中：
勾选：☑️ 按照画板 UID 上传
设置后，设计图的覆盖规则将与蓝湖保持一致。
更多迁移细节前往，迁移指南
月维支持 **Axure 原型文件托管
操作方式如下：
完成以上设置后，即可继续使用 月维进行设计交付。
2026-01-04 00:00:00
现在月维上的设计标注，可以支持下载字体文件了。
支持中文大部分免费商用字体，以及 Figma 中的设计师可以直接使用的用谷歌字体，都可以支持。设计师不用任何操作。
下载后的压缩包内就有 ttf 或者 woff2 格式的字体文件了
需要注意的是，目前不支持上传自定义字体，仅支持匹配 Fimga 中的 Google 字体和常见商业免费字体。
2025-12-31 00:00:00
2025 即将结束，回头看这一年在 Figma 里创建过的文件、版本，输出的设计图、切图、反复修改的页面
它们不是冷冰冰的数据，而是日复一日的坚持，是每一次交付前的专注与付出
我们团队已经 连续 3 年，都会为 Figma 做一个 年度数据总结的小工具，把 2025 年的努力「具像化」的呈现
通过 Figma 使用报告你可以清楚地看到：
当数据完整呈现时，无论多少，它记录了你这一年的努力和投入，这本身就值得被看见。
如果你也在使用 Figma只需几个简单步骤，就能生成属于你的 2025 Figma 使用报告。
使用方式（超详细版）整个流程并不复杂，按下面步骤操作即可
在浏览器中打开 Figma 官网，登录你的账号，进入你最常用的团队文件
按页面提示将网页中的「橙色按钮」拖拽到浏览器书签栏
切换回 Figma 网页，点击刚刚保存的书签，就会自动打开 MyFig 数据获取界面点击「获取数据」
⚠️ 提示 文件数量、版本数量会影响获取时间，建议在单独开一个页面，不影响正常使用，并且推荐使用 最新版本的 Chrome 浏览器
数据获取完成后，你可以查看完整的 Figma 使用数据
⚠️ 提示：
如果无法直接保存图片时，截图也是一个完美方案相信这点问题 绝对难不倒专业的设计师 😉
2025 年，AI 正在改变设计行业先从一件小事立刻尝试：👉 让 Figma 数据变得更有情绪和故事感。
完整提示词
把这个年度报告重新设计
- 数据的不要变，确保工作记录准确
- 每个月的小方块热力图不要去掉，可以变成漫画的背景
- 变成日本漫画的风格
- 设计一些桥段幽默的展示今年的工作状态，展示可爱又努力的基调
不满意就继续「抽卡」，直到生成你满意的画面，一张有情绪有故事感的 设计师年度总结图，就完成了
提示词可以动画幅度尽量小，肢体动作保持简单，保持画面稳定，减少风格偏移
一个 动图版设计师年度总结 就完成了。
这一年的努力，值得被认真记录一次。
月维不仅是一个工具，它更是一个 专业、有趣的设计师 & 开发者社区。
我们会持续做很多有意思的项目和尝试，也欢迎你加入，一起玩、一起创造。
同时，如果你的团队有交付需求：月维设计交付工具，也能帮助你团队更专业、更便宜的完成交付设计图与标注代码。
我们 2026 年再见ヾ(◍°∇°◍)ﾉﾞ🐎
