设计师用Claw最核心的几件事(附skills)

设计师用Claw最核心的几件事(附skills)
设计师用Claw最核心的几件事(附skills)
 
设计师用Claw最核心的几件事(附skills)
近期,以 OpenClaw 为代表的 AI 智能体 “龙虾热” 席卷设计圈,为设计师日常工作带来全新可能。本期小编实测 OpenClaw、QClaw、WorkBuddy、JVSClaw 四款工具,以天气主题设计项目为例,组建情报员、设计指导、文件整理员、程序员四位 AI 助手,完整复现从灵感发散、设计决策到协作落地的全流程。
设计师用Claw最核心的几件事(附skills)
图片来自:MUX

01. 灵感发散阶段

设计师用Claw最核心的几件事(附skills)
图片来自:MUX
OpenClaw 可以通过 skills 实现网络爬取、定时推送等能力;QClaw 等工具在提示词预设、输出结构化上比开源项目体验更优,无需调试各种配置自动化接入搜索网站,能高效辅助日常设计工作。

02. 辅助设计判断阶

设计师用Claw最核心的几件事(附skills)
图片来自:MUX
上传素材后,OpenClaw 可通过多模大模型快速总结设计优劣、生成设计规范并完成方案迭代。实测显示,WorkBuddy 与 OpenClaw 多图上传能力更优,JVS Claw 仅支持单图上传。近期发布的 Google Stitch 在 UI 输出与 Figma 工作流整合上表现突出,期待 OpenClaw 尽快接入。但AI 设计指导建议落地可控性较弱,生成内容仅供参考。
03. 协作阶段
设计师用Claw最核心的几件事(附skills)
图片来自:MUX
在设计协同方面,OpenClaw 支持多种 Figma 接入方式,小编实测通过安装 Figma Skill 实现 API 对接,可完成数据文件自动化批量整理、图层重命名与导出。此外,JVS Claw 在浏览器自动化任务中,自学习能力表现突出。
推荐场景:批量修改、信息提取、资产导出。
设计师用Claw最核心的几件事(附skills)
图片来自:MUX
前面OpenClaw对设计稿图层文件的整理完毕,接下来设计转代码,小编对比了设计稿不同接入方式生成可交互Demo效果,通过API读取设计稿图层数据明显优于图片转代码,其中JVSClaw对设计细节的还原度较高。但实际业务往往业务逻辑复杂,设计转代码还需从长计议。

推荐场景:MVP、小而美产品可交互Demo演示。

设计师用Claw最核心的几件事(附skills)
设计师用Claw最核心的几件事(附skills)

2026年,设计行业迎来了一个新概念——Vibe Design(氛围设计)。这个词源自编程领域的 “Vibe Coding”,指的是通过自然语言描述,让 AI 直接生成可运行的代码。而在设计领域,Vibe Design 则意味着:

用一句话描述你的设计需求,AI 就能生成可用的界面设计。

不再需要手动拖拽组件、调整间距、选择颜色。设计师只需要描述”我想要一个什么样的界面”,AI 就能理解意图并生成符合设计系统规范的设计稿。
这种”所想即所得”的设计方式,正在改变设计师的工作流。那么作为一线设计师的我们,也在一边探索一边给大家最新的心得分享。

01. Vibe Design 工具对比

设计师用Claw最核心的几件事(附skills)
图片来自:MUX
1)Figma Make:直接将设计稿转化为可运行的原型
Figma Make是Figma生态的AI原生升级,可以直接在Figma中使用视觉稿+自然语言生成 UI界面和前端代码,去年上线测试后不断迭代,现在功能已经非常强大了。
设计师用Claw最核心的几件事(附skills)
▲图片来自:MUX

核心功能:

  • 自然语言生成:输入文字描述,自动生成 UI 界面

  • Figma 生态无缝集成生成的设计可直接导入 Figma 编辑

  • 代码导出:支持导出 React、HTML 等前端代码

  • 设计系统兼容:可基于现有 Design System 生成界面

适用场景:

  • 快速原型验证

  • 基于设计系统的界面生成

  • 设计师与开发协作

2)Google Stitch:零门槛的AI设计入口

Google Stitch 是Google Labs推出的实验性AI设计工具,基于Gemini 3.1 Pro/Flash模型,主打“自然语言/草图生成可交互界面+一键导出代码”

设计师用Claw最核心的几件事(附skills)
▲图片来自:MUX

核心功能:

  • 多模态输入:支持文字描述、草图、图片三种输入方式
  • Gemini 模型驱动利用 Google 最新大模型理解设计意图
  • 跨平台生成:同时生成移动端和 Web 端设计
  • 代码导出:支持导出前端代码或导入 Figma
  • 语音编辑:支持用语音指令直接修改设计

适用场景:

  • 快速原型验证

  • 从草图到高保真设计

  • 非设计师快速出图

02. Vibe Design 的三种工作流

工作流 1:快速概念验证(适合早期阶段)

流程:草图/文字描述 → Google Stitch → 高保真原型 → 灵感/评审/用户测试

当你的产品经理给到你需求的时候,你们讨论了一堆创意和想法,准备动手设计……停,现在你可以直接把想法丢给 AI 帮你梳理需求和页面描述,然后打开Google Stitch 或者 Paper,然后让它直接生成一套页面流程,这简直太流畅了有没有!非常解放生产力。

设计师用Claw最核心的几件事(附skills)
▲图片来自:MUX
当然,这种方式不太适合已有成熟设计风格的产品,但可以给产品经理、设计师甚至开发人员快速“从0到1”看到界面的途径,也可以让设计师通过更改提示词和参考图,快速尝试不同的风格,方便评审和做用户测试。

在我们的测试中,发现Google Stitch的生成风格会更加偏向国外App和网站风格,对中文排版的支持不是很好,作为风格参考是可以,但离直接可用还有不少差距,这可能跟它还处于早期测试阶段有关系

设计师用Claw最核心的几件事(附skills)
图片来自:MUX

工作流 2:设计系统驱动(适合成熟产品)

流程:设计系统(Figma)→ Figma Make → 生成界面 → 人工微调
我们使用 Figma Make + 成熟的设计组件库(如 iOS、Android、AntDesign),可以很方便地生成组件库范围内的各种界面,大家也可以通过接入自己团队的设计规范,编写完整的设计指南(Guidlines)、提炼颜色规范、圆角规范、字体规范等(Design Tokens),用 Figma Make 根据需求文档快速生成符合规范的新界面,或者对交互稿进行视觉美化。
设计师用Claw最核心的几件事(附skills)
图片来自:MUX

工作流 3:设计即代码(适合技术驱动团队)

流程:需求PRD/→ Pencil 生成 → 代码审查 → 直接部署

用 CodeBuddy/Cursor 等 IDE 工具,配合 Pencil 插件,用几句话提示词就可以让AI用组件库搭出符合规范的界面,可用性已经相当不错了,如果你的团队是 B 端或者设计师介入不多,可以直接让产品或开发通过这种方式来搭界面,打通从设计到代码落地的全链路。

设计师用Claw最核心的几件事(附skills)
图片来自:Pencil 案例

3. Vibe Design 的最佳实践

 1)提示词工程(Prompt Engineering)

好的提示词结构:

【产品类型】+ 【核心功能】+ 【目标用户】+ 【风格要求】+ 【技术约束】

示例:
“设计一个面向 Z 世代用户的社交 App 首页,
包含动态流、发布按钮、底部导航栏,
采用极简风格,圆角 16px,主色为紫色渐变,
基于 Material Design 3 设计系统”

然后把提示词发给AI帮你完善补充:我需要让Figma Make制作一个可交互的设计原型,这是我的提示词,请帮我细化成更完整的提示词。AI 会让你的需求更完整,基于这个完善后的提示词先调整,然后再给上面的设计工具生成,事半功倍。

2)设计系统准

要让 AI 生成符合规范的设计,需要:

  • 晰的 Design Token 定义

  • 组件库文档化

  • 明确的命名规范

  • 示例设计稿
可以参照 Figma Make 官方的设计指南来执行。
设计师用Claw最核心的几件事(附skills)
设计师用Claw最核心的几件事(附skills)
当下的音乐创作已跳出单一听觉局限,不仅仅满足于用旋律与歌词传递情感,还迈入了听觉与视觉深度共生的新阶段。顶尖音乐人不约而同地将音乐内容与艺术可视化紧密结合,让视觉不再是音乐附属点缀,而是成为音乐表达的核心载体之一,共同构建完整的艺术体系。
01. 周杰伦第16张专辑《太阳之子》,世界名画场景复刻
在《太阳之子》 MV中复刻几幅世界名画场景,分别横跨了从 17 世纪到 20 世纪的艺术史,涵盖了巴洛克、新古典主义、后印象派、维也纳分离派、美国现代主义等核心流派,用真人实景的方式 “复活” 了静态名画,直接向经典画家与美术史致敬,将流行音乐与传统视觉艺术打通。这类创作不再把视觉当作辅助包装,而是将绘画艺术形式,与音乐内核同构共生。
设计师用Claw最核心的几件事(附skills)
▲图片来自:网络

02. 蔡依林《PLEASURE》世界巡回演唱会,华语演唱会新标杆

蔡依林《PLEASURE》巡演灵感致敬希罗尼姆斯•博斯《人间乐园》,却大胆颠覆原作,她化身六位欲望愉悦女神,打造奇艳欲望花园视觉美学。演唱会摒弃传统串烧,用隐喻舞台装置与戏剧化结构打造沉浸式剧场,用暗黑先锋视觉打破单一审美边界,并融入中国传统爬竿特技,实现先锋艺术与传统工艺的跨界融合,数亿制作成本更树立华语巡演新标杆,获央视盛赞。

设计师用Claw最核心的几件事(附skills)
图片来自:网络

03. Lady Gaga 的 《MAYHEM Ball》 演唱会也是一场戏剧

Lady Gaga 的《MAYHEM Ball》便是典型代表,她将演唱会打造成完整的沉浸式戏剧,以五幕叙事结构呈现混乱到重生的弧光,搭配哥特场景、机械装置与角色化服装,把专辑内核转化为可亲历的现场电影,让舞台成为音乐情绪的实体延伸。

设计师用Claw最核心的几件事(附skills)

▲图片来自:网络
设计师用Claw最核心的几件事(附skills)
设计师用Claw最核心的几件事(附skills)

当下全球实体专辑彻底跳出单纯听觉载体的局限,核心趋势清晰落地:音乐不再只局限于“听”,而是全方位延伸至玩、藏、用三大维度,通过视觉设计、仪式感互动与实用属性,重构线下音乐体验,让实体专辑重新成为兼具艺术感与参与感的文化载体。

01. 汪苏泷《十万伏特》- “拆弹”仪式感拉

汪苏泷《十万伏特》主打“拆弹”开箱仪式,打破常规拆封流程,用神秘有趣的互动设计,赋予开箱专属仪式感,让拆箱成为听歌体验的一部分将静态专辑变为互动载体,精准贴合年轻群体对新鲜感与参与感的需求。   

设计师用Claw最核心的几件事(附skills)

▲图片来自:MUX

02. Taylor Swift新专辑 – 多款限量实体彩胶  

Taylor Swift(泰勒·斯威夫特)《The Life of a Showgirl》推出闪金橙胶、闪耀粉彩胶、紫胶、喷溅画胶等多个限量实体版本。实体专辑(尤其黑胶)正从 “复古情怀” 转向彩胶化、艺术化、限量化的主流玩法,供人们收藏和欣赏。

设计师用Claw最核心的几件事(附skills)

▲图片来自:网络

03. KPOP实体专辑玩具化,融入粉丝日常生活

多版本 + 玩具/功能化专辑,已经是韩国 K-POP 实体专辑的主流趋势,在多版本中,通常包含传统 CD 版、玩具/功能化版、数字版、限定收藏版,可以满足不同的收藏或玩法需求。RESCENE《LIP BOMB》(Lip Balm Ver.)就推出带真实润唇膏的版本,让专辑变身美妆好物,全方位适配粉丝需求。

设计师用Claw最核心的几件事(附skills)
▲图片来自:网络
设计师用Claw最核心的几件事(附skills)
设计师用Claw最核心的几件事(附skills)

近期美术展普遍呈现出了布展思路上的多元化拘泥展品时代流派母题进行分类科普性质而是寻找不同时期不同背景作品共同之处无论是AI装置艺术还是经典文明艺术演绎在他们使用了相似色彩构成他们便达成了跨越时空艺术沟通

01.上海浦美-东亚北美 传承,创新,展望

毕加索展:非常毕加索走到卢浮宫展:图案的奇迹尽管展览作品来自不同的文化背景二者在策展思维上却异曲同工:用空间讲述故事,用色彩塑造情绪用设计激活经典,纹样追溯匠心文明史诗展览古典杰作当代语境重新呼吸演绎实现一场穿越时空感官旅行

它们共同回答了艺术的核心:何为创造,又何为传承。

设计师用Claw最核心的几件事(附skills)
▲图片来自:网络

02.蓬皮杜中心艺术大师特展-色彩之巅

蓬皮杜中心五年闭馆期间的王牌巡展,展览分为红黄蓝白绿粉黑7大色彩篇章,整体展览空间形同巨大的色轮不同光线味道声音营造丰盈交互感受现场除了绘画作品还有作曲家罗克·里瓦斯与音乐和声研究中心共创的声音作品,让观众在多重感官的体验中,重新认识当代艺术中的色彩体会色彩的现代中西对话

正如展览前言提及诗人歌德名言“色彩的感性体验是人类感受和情感的直接表达。

设计师用Claw最核心的几件事(附skills)
▲图片来自:网络
设计师用Claw最核心的几件事(附skills)
设计师用Claw最核心的几件事(附skills)
AI 是工具而非替代,设计师可依托专业判断力与用户洞察力,借助 AI 放大自身优势。小编推荐给大家Anthropic 设计师 Jenny Wen和Cursor 设计负责人 Ryo Lu 的观点与大家一起分享。结合Figma 近期也更新多项 AI 协同设计功能,助力设计效率提升。

设计师用Claw最核心的几件事(附skills)

▲文案来自:网络

这期内容里,我们既用AI跑出了前所未有的视觉语法,也触摸了唱片纹路里那些无法被算法替代的温度。技术的狂奔让我们惊叹“原来可以这样”,而视觉化的音乐与独具巧思的实体设计,却提醒我们 “为何要这样做”。

好奇在你们当下的创作里——哪些工作流已被AI彻底重塑,让你惊呼“真香”?又有哪些环节,你依然坚持亲手“手搓”,甚至为此废寝忘食?

本文转载自公众号@腾讯音乐娱乐MUX,原文链接https://mp.weixin.qq.com/s/_Yd9pq-7Wd5F0gJY1m46Vw

🎁本期福利:关注公众号腾讯音乐娱乐MUX ,后台私信回复“AI”,即可获得本期专属福利《设计师专用Skills》

AI测评实战教程

Last30Days:GitHub 一天狂涨 3000 星的「终局情报 Skill」,一文看懂如何配置

2026-3-28 11:37:26

实战教程

【万字教程】OpenClaw 核心机制 Skills 全解析

2026-3-31 8:29:03

2 条回复 A文章作者 M管理员
  1. 张家有女懒洋洋

    腾讯的设计师水平不错😌

  2. 有个吃货女盆友

    这个好,看着很奈斯