Panshi

编写含间距、字体与组件状态的设计规格

别在开发期间反复回答相同的提问。提前生成一份规格,把间距体系、字阶和每个组件状态都钉死。

好规格故意写得无趣:它精确说明卡片有多少内边距、标签用哪个字号、按钮按下时变成什么颜色。正是这种精确,让两名工程师不开会也能做出一样的东西。

这个工具替你起草这种精确性。把界面给它,它会返回 token 化的间距体系(4/8/12/16…)、带字重与行高的字阶,以及逐组件的状态表。你只需把数字改成符合你系统的值;结构已经搭好。

对应工具

📐设计交付说明

把界面描述变成工程可直接落地的交付说明 —— 间距、字体、状态、无障碍。

试用 设计交付说明 →

常见问题

该用什么间距体系? +

以 4px 或 8px 为基准是常见默认。工具会提出一套并在整份规格中一致应用,你只需调整一次基准值。

会覆盖响应式断点吗? +

会 —— 它会说明在更小宽度下布局如何回流、哪些元素堆叠或隐藏。

能配合任意设计系统用吗? +

能。它输出通用 token,你再映射到自己的系统(Material、Tailwind 或自定义体系等)。

相关工具

浏览完整的 工具目录, 或查看全部 磐石服务