Markdown 是设计师与 AI 高效协作的基础语言。本文涵盖核心语法速查、设计场景实践和 AI 驱动的工作流模板。
在 AI 协作时代,Markdown 是设计师理清逻辑、交付文档、驱动 AI 生成方案的基础技能。
.md 文件,工程师可在 IDE 中查看,颜色值和间距定义一目了然。使用 # 符号定义层级,建议不超过 3 层以保持清晰度。
# 项目名称(如:智能家居 App 3.0 重构方案)## 设计模块(如:核心交互流程、视觉风格定义)### 细节描述(如:登录页交互细节、动效参数)**加粗** 标注色值或重要交互逻辑。`css
primary-color: #1A73E8;
border-radius: 8px;
`
> 引用用户访谈原话或设计趋势参考。[查看 Figma 原型](URL),让文档成为资源入口。当你需要 AI 协助构思页面方案或生成界面文案时,按此格式输入:
# 角色:资深电商 UX/UI 设计师
# 任务:优化商品详情页的「规格选择」交互,提升加购转化率
# 背景:用户在 SKU 较多(20+)的商品页跳出率偏高,数据显示 60% 的用户在规格选择步骤流失,当前方案为平铺式标签选择
# 约束:需兼容 iOS/Android 双端,规格弹层高度不超过屏幕 70%,需支持库存状态实时标注(有货/少量/无货)
# 要求:Markdown 格式输出,包含两版交互方案对比、各自的优劣分析和推荐理由
设计评审后,用任务列表语法整理待办,方便 AI 自动汇总和追踪进度:
避坑指南
# 或 - 后面必须加一个空格,否则渲染会失败。[REDACTED] 占位。