📌 design-md 是什么?

不想学复杂设计工具,想用写 Markdown 的方式做视觉内容?design-md 是 Google Stitch 的技能,让 AI 用 Markdown 描述来生成视觉设计。

它的思路很巧妙:把设计变成"文本描述"——结构、配色、布局、内容,都用 Markdown 写出来,AI 据此生成视觉成品。写文档的人也能做设计。

对内容创作者、开发者、或者任何"没设计基础但需要出视觉"的人来说,这是一条低门槛的路。

🧩 核心功能

Markdown 设计:用文本描述生成视觉。

布局结构:用标题、列表表达布局。

配色字体:用文本指定配色和字体。

快速出稿:快速生成视觉稿。

👍 优点

门槛低:会写 Markdown 就能做设计。

快:描述几句就出稿。

可控:文本可编辑、可版本管理。

⚠️ 不足与局限

复杂、精细的设计仍受限。

视觉质量依赖描述的具体程度。

和专业的图生文工具比,精度有差距。

🙋 适合谁用

内容创作者:快速做视觉。

开发者:用文本做设计。

产品:快速出方案。

没设计基础的人:低门槛做视觉。

🛠️ 第一次安装

前提:电脑装了 Node.js(18+),有支持 Skill 的 AI 工具(如 Claude Code)。打开终端执行:

bash
npx skills add google-labs-code/stitch-skills --skill design-md

CLI 会自动检测你装的 AI 助手,确认安装位置后即可使用。

✍️ 上手:几个真实例子

场景一:做海报

提示词
用 Markdown 帮我做一个活动海报设计,标题、副标题、时间地点都列出来。

场景二:做卡片

提示词
帮我用 Markdown 描述一张产品介绍卡片的设计。

场景三:做信息图

提示词
帮我把这段内容做成一张信息图。

🎯 典型应用场景

海报:活动、宣传海报。

卡片:产品、信息卡片。

信息图:把文字转成视觉。

社交图:社媒配图。

⚖️ 和类似方案对比

和直接让 AI"生成一张图"相比,design-md 的差别在于"用结构化的文本驱动设计"——你描述的不是"画什么",而是"布局、层级、内容",这让结果更可控、更可复现,也更适合需要反复调整的场景。

💡 常见问题 FAQ

问:要会 Markdown 吗?
会基础的标题、列表就够,AI 会帮你补全。

问:能导出图片吗?
能,生成后导出为图片。

问:适合什么设计?
海报、卡片、信息图等版式类设计最合适。

问:和 Canva 比呢?
Canva 是拖拽式,design-md 是文本驱动,适合喜欢写的人。

🤖 适合哪些 AI 工具

Claude Code、Cursor、Codex 等支持 Skill 的工具都能装。