编写含间距、字体与组件状态的设计规格
别在开发期间反复回答相同的提问。提前生成一份规格,把间距体系、字阶和每个组件状态都钉死。
好规格故意写得无趣:它精确说明卡片有多少内边距、标签用哪个字号、按钮按下时变成什么颜色。正是这种精确,让两名工程师不开会也能做出一样的东西。
这个工具替你起草这种精确性。把界面给它,它会返回 token 化的间距体系(4/8/12/16…)、带字重与行高的字阶,以及逐组件的状态表。你只需把数字改成符合你系统的值;结构已经搭好。
对应工具
📐设计交付说明
把界面描述变成工程可直接落地的交付说明 —— 间距、字体、状态、无障碍。
常见问题
该用什么间距体系? +
以 4px 或 8px 为基准是常见默认。工具会提出一套并在整份规格中一致应用,你只需调整一次基准值。
会覆盖响应式断点吗? +
会 —— 它会说明在更小宽度下布局如何回流、哪些元素堆叠或隐藏。
能配合任意设计系统用吗? +
能。它输出通用 token,你再映射到自己的系统(Material、Tailwind 或自定义体系等)。