Design System Doc Outline
Added 2026-10
Design System Doc Outline — Chinese original prompt
团队要写一份 [面向新入职设计师和前端] 的设计规范，覆盖 [色彩、字体、间距、组件、图标、动效]。请给目录结构：一级与二级标题、每节必须包含的条目、哪些内容放附录、哪些必须配示例图。要求读者能按「我要做一个表格」这类任务直接跳到对应章节，最后标出最容易被写成空话的三节。
Site original
Chinese original
Example
Sample input
要为新人写一份设计规范，覆盖色彩、字体、间距、组件、图标和动效，帮我搭目录结构。
The output should include
- 一级二级标题与每节必含条目
- 标明哪些放附录哪些配示例图
- 点出最容易被写成空话的三节
Replace these placeholders 2
Swap the bracketed parts for your own details before sending.
[面向新入职设计师和前端][色彩、字体、间距、组件、图标、动效]
How to use
规范按任务组织比按元素组织更好用，先想用户要做什么。
Try tweaking it
- Swap style words for measurable parameters: light, lens, material, composition.
- Ask for three variants of one prompt, then compare the differences.
What you should get
- A parameter sheet you can act on (light, lens, material, framing)
- Two or three alternatives with trade-offs
Common mistakes
- Stacking words like "premium, cinematic, 8K" — no two results match.
- Asking for a real brand or celebrity look and getting something close but unusable.
How to check the output
- Parameters are executable — ready to use in a tool or hand to a designer.
- It explains the trade-offs, not just the final look.
Where it works
- Good for: breaking vague "premium feel" into concrete light, material, lens and composition parameters.
- Watch out: for real brands, celebrities or third-party work, use equivalent descriptions to avoid infringement.