AI 设计日报 · 2026.03.31

今日头条

本周发布 · 工具更新·AI Agent

工具更新 · AI Agent

Figma 开放画布给 AI Agent：Claude Code 可以直接帮你画稿了

3月24日 Figma 发布 use_figma MCP 工具，Claude Code、Cursor、Codex 等 9 款 AI Agent 现在可以直接在 Figma 画布上创建组件、套用设计系统——不是生成代码，是真正在改你的设计稿。

本周发布 Figma 读全文 →

热度

本周发布 · Canva

Canva 发布「创意操作系统」：设计、AI、品牌管理三合一

Canva 推出 Creative OS，整合 AI 生成、品牌资产管理、多人协作，还收购了 Affinity 系列，正式向专业设计工具市场发起冲击。

设计工具详情 →

编辑观点

Canva 不再只是「做 PPT 的工具」——它在用生态战略包围 Figma 和 Adobe。设计师需要重新评估自己的工具链。

🔥 热度 85 详情 →

深度资讯

🔥 本周发布 · AI 模型

GPT-5.4 Thinking 上线：设计师用它做什么最值？

OpenAI 本月发布 GPT-5.4 Thinking，推理能力大幅提升，能处理复杂的多步骤设计决策问题。设计师已经在用它做竞品分析、用户旅程推演和设计方案评审。

编辑推荐：今天就试一个设计决策场景读全文 →

趋势 · 设计师角色

AI Agent 进入画布后，设计师的工作会变成什么样？

当 AI 能直接操作 Figma，设计师的价值从「执行」转向「决策」——你需要学会写 Skills（给 Agent 的工作说明书），而不是学会用更多工具。

趋势洞察详情 →

工具更新 · Figma

Figma AI Credits 正式收费：3月18日起按量计费

Figma AI 功能从本月起结束免费期，引入 AI Credits 机制，按使用量收费。团队版可共享额度，个人版需单独购买，建议提前了解用量。

工具更新详情 →

今日工具

🎨Figma MCP🔥 本周最热

🤖Claude Code支持写入画布

✨Canva Creative OS新发布

🧠GPT-5.4 Thinking新模型

⚡Cursor支持 Figma

🇨🇳腾讯 Ardot本月上线

✨Gamma Imagine新功能

🖊️Figma AI规范生成

📐Adobe Firefly v27更新

本周发布Figma

Figma 开放画布给 AI Agent：Claude Code 可以直接帮你画稿了

编辑观点

这不是「AI 辅助设计」，这是「AI 参与设计」。你现在可以用自然语言告诉 Claude Code「按照我们的设计系统，帮我做一个空状态页面」，它会直接在 Figma 里完成——用你的组件、你的颜色、你的规范。今天就去 figma.com/agents 申请 beta。

名词解释

MCP（Model Context Protocol）让 AI Agent 连接外部工具的标准协议，就像 USB 接口一样——有了它，Claude Code 才能「插入」Figma 并操作画布。

use_figma 工具Figma 新推出的 MCP 工具，给 AI Agent 提供对画布的读写权限，可以创建帧、组件、变量，套用 Auto Layout，全部基于你现有的设计系统。

Skills（技能文件）用 Markdown 写的「给 Agent 的工作说明书」，告诉它你们团队的设计规范、命名习惯、组件用法——让 Agent 生成的结果符合你的标准，而不是通用风格。

怎么用

做新功能的初版 UI 时

在 Claude Code 里输入「打开我的 Figma 文件，按照 Design System 里的 Card 组件，帮我做一个商品列表页的骨架」，Agent 会直接在画布上完成，你再做精调

批量生成多个页面变体时

写一个 Skills 文件描述你的设计规范，然后让 Agent 一次性生成 5 个不同状态的页面（空状态、加载中、错误、正常、满载），比手动复制快 10 倍

可直接使用的 Prompt 点击复制

请帮我在 Figma 里创建一个移动端的空状态页面。要求：使用现有设计系统中的 Button/Primary 组件和 Typography/Body 样式，页面包含一个居中的插图占位区（200×200）、一行标题文字「暂无内容」、一行说明文字「试试搜索其他关键词」、一个主按钮「去逛逛」。整体使用 Auto Layout 垂直排列，间距 24px。

本周发布Canva

Canva 发布「创意操作系统」：设计、AI、品牌管理三合一

编辑观点

Canva 收购 Affinity 之后，已经不是那个「做 PPT 的工具」了。它在用生态战略包围 Figma 和 Adobe——免费、易用、AI 原生。如果你的团队里有非设计师需要产出视觉内容，Canva Creative OS 值得认真评估。

名词解释

Creative OS（创意操作系统）Canva 对自己产品的新定位——不只是设计工具，而是整合设计、AI 生成、品牌资产、协作、发布的一站式平台，类似 Adobe Creative Cloud 的定位但更易用。

Affinity 系列专业级设计软件（Affinity Designer、Photo、Publisher），曾是 Adobe 的平价替代品，被 Canva 收购后将整合进 Creative OS 生态。

怎么用

团队需要统一品牌视觉时

在 Canva Creative OS 里建立品牌 Kit（Logo、颜色、字体），所有人用同一套资产出图，不用再担心同事用错颜色或字体

需要快速出营销物料时

用 Canva AI 生成初版海报或 Banner，再套用品牌 Kit 调整，比从零开始设计快 5 倍，适合运营同学自助出图

可直接使用的 Prompt 点击复制

帮我设计一张活动推广 Banner，尺寸 1200×628px，主题是「春季新品发布」，风格清新简洁，主色调使用品牌绿色（#1a4a35），需要包含活动标题、日期（4月1日）、一个行动按钮「立即查看」，背景使用简洁的几何图形装饰。

本月发布OpenAI

GPT-5.4 Thinking 上线：设计师用它做什么最值？

编辑观点

GPT-5.4 Thinking 最大的提升是「多步骤推理」——这正是设计决策最需要的能力。用它做竞品分析、评审设计方案、推演用户旅程，比之前的模型靠谱很多。今天就试一个你最近在纠结的设计决策。

名词解释

Thinking 模式模型在给出答案前会先进行「内部推理」，把复杂问题拆解成多个步骤再逐一解决，类似人类「先想清楚再说」——对需要权衡多个因素的设计决策特别有用。

怎么用

做设计方案评审时

把两个设计方案的截图和设计目标发给 GPT-5.4 Thinking，让它从用户体验、开发成本、品牌一致性三个维度分析优劣，比自己想更全面

做竞品分析时

描述你的产品场景和竞品截图，让模型推演「用户在这个场景下会遇到什么问题」，找到竞品的设计盲点

可直接使用的 Prompt 点击复制

我有两个设计方案需要你帮我评审。设计目标是：让用户在外卖 App 里更快找到想要的餐厅。方案A：首页以大图卡片展示附近热门餐厅，方案B：首页以搜索框为核心，下方是分类标签。请从以下三个维度分析：1）用户认知负担，2）首次使用的引导效果，3）高频用户的使用效率。最后给出你的推荐和理由。

趋势设计师角色

AI Agent 进入画布后，设计师的工作会变成什么样？

编辑观点

最值得关注的不是「AI 会不会替代设计师」，而是「会写 Skills 的设计师」和「不会写 Skills 的设计师」之间的效率差距会越来越大。Skills 就是你给 Agent 的工作说明书——写得越清楚，Agent 帮你做的越准。

名词解释

Skills（Figma Agent 技能文件）一个 Markdown 文件，描述你的设计系统规范、组件命名规则、常见设计模式——Agent 读完这个文件后，就知道「这个团队的设计是怎么做的」，生成结果会更符合你的标准。

设计决策层AI 能执行「画什么」，但「为什么这样画」「这样画对用户是否更好」仍然需要人来判断——这就是设计师价值的新边界。

怎么用

现在就可以做的准备

把你们团队的设计规范整理成一个 Markdown 文件（组件命名、颜色用法、间距规则、常见模式），这就是你的第一个 Skills 文件，等 Figma Agent 正式开放就能直接用

评估 Agent 生成结果时

不要问「这个设计好不好看」，要问「这个设计是否解决了用户的问题」「是否符合我们的设计原则」——这才是 Agent 替代不了的判断

可直接使用的 Prompt 点击复制

帮我把以下设计规范整理成一个 Figma Agent Skills 文件（Markdown 格式）。规范内容：[在这里粘贴你的设计规范，比如组件命名规则、颜色系统、间距规则、常用设计模式等]。要求：结构清晰，让 AI Agent 能快速理解并遵循这些规范来生成设计稿。

工具更新Figma

Figma AI Credits 正式收费：3月18日起按量计费

编辑观点

免费期结束了。好消息是团队版可以共享额度，坏消息是你需要开始有意识地管理 AI 用量。建议先搞清楚哪些 AI 功能你真的在用、哪些只是偶尔试试，再决定买多少额度。

名词解释

AI CreditsFigma AI 功能的使用额度，类似「代币」——每次用 AI 生成内容、自动布局、重命名图层等功能都会消耗一定数量的 Credits。

共享额度团队版 Figma 可以把 AI Credits 合并到一个池子里，所有成员共用，避免个别人用超而其他人没得用。

怎么用

评估自己的用量时

在 Figma 设置里查看「AI Credits」用量记录，看看过去一个月哪些功能消耗最多，判断是否值得付费继续用

团队管理额度时

管理员可以在团队设置里开启共享额度，并设置单人用量上限，避免某个成员一次性用完所有 Credits

可直接使用的 Prompt 点击复制

请帮我列出 Figma AI 目前所有会消耗 Credits 的功能，并按照「高频必用 / 偶尔有用 / 可以不用」三个等级分类，帮我判断哪些功能值得为之付费，哪些可以用其他免费工具替代。