设计师用Claw最核心的几件事/一起打造 Vibe Design 工作流｜音浪月刊
深圳/UI设计师/62天前/322浏览
版权
设计师用Claw最核心的几件事/一起打造 Vibe Design 工作流｜音浪月刊
近期，以 OpenClaw 为代表的 AI 智能体 “龙虾热” 席卷设计圈，为设计师日常工作带来全新可能。本期小编实测 OpenClaw、QClaw、WorkBuddy、JVSClaw 四款工具，以天气主题设计项目为例，组建情报员、设计指导、文件整理员、程序员四位 AI 助手，完整复现从灵感发散、设计决策到协作落地的全流程。
01. 灵感发散阶段
OpenClaw 可以通过 skills 实现网络爬取、定时推送等能力；QClaw 等工具在提示词预设、输出结构化上比开源项目体验更优，无需调试各种配置自动化接入搜索网站，能高效辅助日常设计工作。
02. 辅助设计判断阶段
上传素材后，OpenClaw 可通过多模大模型快速总结设计优劣、生成设计规范并完成方案迭代。实测显示，WorkBuddy 与 OpenClaw 多图上传能力更优，JVS Claw 仅支持单图上传。近期发布的 Google Stitch 在 UI 输出与 Figma 工作流整合上表现突出，期待 OpenClaw 尽快接入。但AI 设计指导建议落地可控性较弱，生成内容仅供参考。
03. 协作阶段
在设计协同方面，OpenClaw 支持多种 Figma 接入方式，小编实测通过安装 Figma Skill 实现 API 对接，可完成数据文件自动化批量整理、图层重命名与导出。此外，JVS Claw 在浏览器自动化任务中，自学习能力表现突出。
推荐场景：
批量修改、信息提取、资产导出。
前面OpenClaw对设计稿图层文件的整理完毕，接下来设计转代码，小编对比了设计稿不同接入方式生成可交互Demo效果，通过API读取设计稿图层数据明显优于图片转代码，其中JVSClaw对设计细节的还原度较高。但实际业务往往业务逻辑复杂，设计转代码还需从长计议。
推荐场景：
MVP、小而美产品可交互Demo演示。
2026年，设计行业迎来了一个新概念——Vibe Design（氛围设计）。这个词源自编程领域的 "Vibe Coding"，指的是通过自然语言描述，让 AI 直接生成可运行的代码。而在设计领域，Vibe Design 则意味着：
用一句话描述你的设计需求，AI 就能生成可用的界面设计。
不再需要手动拖拽组件、调整间距、选择颜色。设计师只需要描述"我想要一个什么样的界面"，AI 就能理解意图并生成符合设计系统规范的设计稿。这种"所想即所得"的设计方式，正在改变设计师的工作流。那么作为一线设计师的我们，也在一边探索一边给大家最新的心得分享。
01. Vibe Design 工具对比
1）Figma Make：直接将设计稿转化为可运行的原型
Figma Make是Figma生态的AI原生升级，可以直接在Figma中使用视觉稿+自然语言生成 UI界面和前端代码，去年上线测试后不断迭代，现在功能已经非常强大了。
核心功能：
- 自然语言生成：输入文字描述，自动生成 UI 界面
- Figma 生态无缝集成：生成的设计可直接导入 Figma 编辑
- 代码导出：支持导出 React、HTML 等前端代码
- 设计系统兼容：可基于现有 Design System 生成界面
适用场景：
- 快速原型验证
- 基于设计系统的界面生成
- 设计师与开发协作
2）Google Stitch：零门槛的AI设计入口
Google Stitch 是Google Labs推出的实验性AI设计工具，基于Gemini 3.1 Pro/Flash模型，主打“自然语言/草图生成可交互界面+一键导出代码”。
核心功能：
- 多模态输入：支持文字描述、草图、图片三种输入方式
- Gemini 模型驱动：利用 Google 最新大模型理解设计意图
- 跨平台生成：同时生成移动端和 Web 端设计
- 代码导出：支持导出前端代码或导入 Figma
- 语音编辑：支持用语音指令直接修改设计
适用场景：
- 快速原型验证
- 从草图到高保真设计
- 非设计师快速出图
02. Vibe Design 的三种工作流
工作流 1：快速概念验证（适合早期阶段）
流程：草图/文字描述 → Google Stitch → 高保真原型 → 灵感/评审/用户测试
当你的产品经理给到你需求的时候，你们讨论了一堆创意和想法，准备动手设计……停，现在你可以直接把想法丢给 AI 帮你梳理需求和页面描述，然后打开Google Stitch 或者 Paper，然后让它直接生成一套页面流程，这简直太流畅了有没有！非常解放生产力。
当然，这种方式不太适合已有成熟设计风格的产品，但可以给产品经理、设计师甚至开发人员快速“从0到1”看到界面的途径，也可以让设计师通过更改提示词和参考图，快速尝试不同的风格，方便评审和做用户测试。
在我们的测试中，发现Google Stitch的生成风格会更加偏向国外App和网站风格，对中文排版的支持不是很好，作为风格参考是可以，但离直接可用还有不少差距，这可能跟它还处于早期测试阶段有关系。
工作流 2：设计系统驱动（适合成熟产品）
流程：设计系统（Figma）→ Figma Make → 生成界面 → 人工微调
我们使用 Figma Make + 成熟的设计组件库（如 iOS、Android、AntDesign），可以很方便地生成组件库范围内的各种界面，大家也可以通过接入自己团队的设计规范，编写完整的设计指南（Guidlines）、提炼颜色规范、圆角规范、字体规范等（Design Tokens），用 Figma Make 根据需求文档快速生成符合规范的新界面，或者对交互稿进行视觉美化。
工作流 3：设计即代码（适合技术驱动团队）
流程：需求PRD/→ Pencil 生成 → 代码审查 → 直接部署
用 CodeBuddy/Cursor 等 IDE 工具，配合 Pencil 插件，用几句话提示词就可以让AI用组件库搭出符合规范的界面，可用性已经相当不错了，如果你的团队是 B 端或者设计师介入不多，可以直接让产品或开发通过这种方式来搭界面，打通从设计到代码落地的全链路。
3. Vibe Design 的最佳实践
1）提示词工程（Prompt Engineering）
好的提示词结构：
【产品类型】+ 【核心功能】+ 【目标用户】+ 【风格要求】+ 【技术约束】
示例："设计一个面向 Z 世代用户的社交 App 首页，包含动态流、发布按钮、底部导航栏，采用极简风格，圆角 16px，主色为紫色渐变，基于 Material Design 3 设计系统"
然后把提示词发给AI帮你完善补充：我需要让Figma Make制作一个可交互的设计原型，这是我的提示词，请帮我细化成更完整的提示词。AI 会让你的需求更完整，基于这个完善后的提示词先调整，然后再给上面的设计工具生成，事半功倍。
2）设计系统准备
要让 AI 生成符合规范的设计，需要：
- 清晰的 Design Token 定义
- 组件库文档化
- 明确的命名规范
- 示例设计稿
可以参照 Figma Make 官方的设计指南来执行。
当下的音乐创作已跳出单一听觉局限，不仅仅满足于用旋律与歌词传递情感，还迈入了听觉与视觉深度共生的新阶段。顶尖音乐人不约而同地将音乐内容与艺术可视化紧密结合，让视觉不再是音乐附属点缀，而是成为音乐表达的核心载体之一，共同构建完整的艺术体系。
01. 周杰伦第16张专辑《太阳之子》，世界名画场景复刻
在《太阳之子》 MV中复刻几幅世界名画场景，分别横跨了从 17 世纪到 20 世纪的艺术史，涵盖了巴洛克、新古典主义、后印象派、维也纳分离派、美国现代主义等核心流派，用真人实景的方式 “复活” 了静态名画，直接向经典画家与美术史致敬，将流行音乐与传统视觉艺术打通。这类创作不再把视觉当作辅助包装，而是将绘画艺术形式，与音乐内核同构共生。
02. 蔡依林《PLEASURE》世界巡回演唱会，华语演唱会新标杆
蔡依林《PLEASURE》巡演灵感致敬希罗尼姆斯•博斯《人间乐园》，却大胆颠覆原作，她化身六位欲望愉悦女神，打造奇艳欲望花园视觉美学。演唱会摒弃传统串烧，用隐喻舞台装置与戏剧化结构打造沉浸式剧场，用暗黑先锋视觉打破单一审美边界，并融入中国传统爬竿特技，实现先锋艺术与传统工艺的跨界融合，数亿制作成本更树立华语巡演新标杆，获央视盛赞。
03. Lady Gaga 的 《MAYHEM Ball》 演唱会也是一场戏剧
Lady Gaga 的《MAYHEM Ball》便是典型代表，她将演唱会打造成完整的沉浸式戏剧，以五幕叙事结构呈现混乱到重生的弧光，搭配哥特场景、机械装置与角色化服装，把专辑内核转化为可亲历的现场电影，让舞台成为音乐情绪的实体延伸。
当下全球实体专辑彻底跳出单纯听觉载体的局限，核心趋势清晰落地：音乐不再只局限于“听”，而是全方位延伸至玩、藏、用三大维度，通过视觉设计、仪式感互动与实用属性，重构线下音乐体验，让实体专辑重新成为兼具艺术感与参与感的文化载体。
01. 汪苏泷《十万伏特》- “拆弹”仪式感拉满
汪苏泷《十万伏特》主打“拆弹”开箱仪式，打破常规拆封流程，用神秘有趣的互动设计，赋予开箱专属仪式感，让拆箱成为听歌体验的一部分将静态专辑变为互动载体，精准贴合年轻群体对新鲜感与参与感的需求。
02. Taylor Swift新专辑 - 多款限量实体彩胶
Taylor Swift（泰勒·斯威夫特）《The Life of a Showgirl》推出闪金橙胶、闪耀粉彩胶、紫胶、喷溅画胶等多个限量实体版本。实体专辑（尤其黑胶）正从 “复古情怀” 转向彩胶化、艺术化、限量化的主流玩法，供人们收藏和欣赏。
03. K-POP实体专辑玩具化，融入粉丝日常生活
多版本 + 玩具/功能化专辑，已经是韩国 K-POP 实体专辑的主流趋势，在多版本中，通常包含传统 CD 版、玩具/功能化版、数字版、限定收藏版，可以满足不同的收藏或玩法需求。RESCENE《LIP BOMB》(Lip Balm Ver.)就推出带真实润唇膏的版本，让专辑变身美妆好物，全方位适配粉丝需求。
静观近期的美术展，普遍呈现出了布展思路上的多元化：不拘泥于将展品以时代、流派、母题等进行分类科普性质，而是寻找不同时期不同背景的作品的共同之处，无论是AI装置艺术，还是经典文明艺术演绎，在他们使用了相似的色彩和构成时，他们便达成了跨越时空的艺术沟通。
01.上海浦美双展-东亚北美 传承，创新，展望
从《毕加索展：非常毕加索》走到《卢浮宫展：图案的奇迹》，尽管两个展览的作品来自不同的文化背景，但二者在策展思维上却异曲同工：用空间讲述故事，用色彩塑造情绪，用设计激活经典，用纹样追溯匠心的文明史诗。展览让古典杰作在当代语境里重新呼吸演绎，实现了一场穿越时空的感官旅行。
它们共同回答了艺术的核心：
何为创造，又何为传承。
02.蓬皮杜中心艺术大师特展-色彩之巅
蓬皮杜中心五年闭馆期间的王牌巡展，展览分为红黄蓝白绿粉黑7大色彩篇章，整体展览空间形同巨大的色轮，以不同的光线、味道和声音营造丰盈的交互感受。现场除了绘画作品，还有作曲家罗克·里瓦斯与音乐和声研究中心共创的声音作品，让观众在多重感官的体验中，重新认识当代艺术中的色彩，体会色彩的现代史及中西对话。
正如展览前言中提及的诗人歌德名言："色彩的感性体验，是人类感受和情感的直接表达。”
AI 是工具而非替代，设计师可依托专业判断力与用户洞察力，借助 AI 放大自身优势。小编推荐给大家Anthropic 设计师 Jenny Wen和Cursor 设计负责人 Ryo Lu 的观点与大家一起分享。结合Figma 近期也更新多项 AI 协同设计功能，助力设计效率提升。
这期内容里，我们既用AI跑出了前所未有的视觉语法，也触摸了唱片纹路里那些无法被算法替代的温度。技术的狂奔让我们惊叹“原来可以这样”，而视觉化的音乐与独具巧思的实体设计，却提醒我们 “为何要这样做”。好奇在你们当下的创作里——哪些工作流已被AI彻底重塑，让你惊呼“真香”？又有哪些环节，你依然坚持亲手“手搓”，甚至为此废寝忘食？
一起来评论区晒出你的“人机协作”模式，或是你最近死磕的匠心细节吧！
🎁
本期福利：
关注我们，后台私信回复“AI”，即可获得本期专属福利《设计师专用Skills》
WAVE 音浪月刊 Vol.13
2026年3月刊
以上资讯源自互联网合法公开信息，如有进一步疑问，可与我们联系。
往期文章
关注我们，每月发布最新设计趋势
7
3
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
你可能喜欢
相关收藏夹
登录注册
7登录即可同步推荐记录哦
3登录即可加入我的收藏
评论登录即可评论想法
分享分享