#生成式设计

avatar
Limbo
3小时前
Vibe Coding 之后，下一个浪潮是 Vibe Design——对着画布说话就能做设计。 我整理了一份 Vibe Design 工具 + 资源合集，覆盖从设计到落地的完整链路： 一、Vibe Design 工具 Google Stitch 对着画布说话就能做设计，5 大核心能力： 无限画布：参考图、文字、代码片段全扔上去，AI 结合上下文协作设计 设计 Agent：记住项目修改历史，支持多方案并行推进 语音交互：边看边说边改，无需停下来打字 即时原型：设计稿一键变可交互原型，自动计算页面跳转 DESIGN.md：设计规范写成纯文本，Claude Code、Cursor 等 AI 工具都能读懂 Pencil 将设计画布集成到 IDE 中的 AI 设计工具，在画布上设计、直接落地为代码。支持自然语言 Prompt 生成页面或局部元素。 官网： StyleSpark 面向设计师和开发者的在线设计工具平台，定位"创意与精准的结合"。 官网： 二、Vibe Design 增强 DESIGN.md 每个项目都有视觉风格（色彩、字体、间距、组件），传统上这些信息存在于 Figma 或设计师的头脑中，AI Agent 无法读取。DESIGN.md 是人类和 Agent 都能读、写、执行的纯文本设计规范——设计版的 AGENTS.md。 Impeccable 为 AI 编程工具设计的前端设计技能增强包，提供 20 项设计技能指令（/polish、/audit、/typeset、/optimize 等），让开发者用专业设计语言驱动 AI，避免千篇一律的"AI 风格"界面。 官网： 三、设计灵感与 UI 套件 灵感网站 网页设计 → 着陆页 → 设计系统 → variant 炫酷设计 -> AI 友好的 UI 套件
#VibeDesign #设计工具 #人工智能 #生成式设计 #AI协作