Spacing Scale Generator
为您的设计系统生成一致的间距标度。
关于此工具
间距刻度是建立统一设计系统的基础。与其在整个界面中使用任意的像素值,不如采用一致的刻度来确保视觉和谐,使布局对设计师和开发者都具有可预测性。这个工具基于数学比例生成精心计算的间距刻度,使每一步都显得匀称且富有意图。
要使用此工具,请选择基础间距单位(通常为 4px 或 8px),选择刻度比例(如黄金比例、大三度或完全四度),然后生成完整刻度。输出包含填充、边距、间隙和其他布局测量所需的所有间距值。您可以复制单个值,或以 CSS 变量、Tailwind 配置、JSON 等格式导出整个刻度,无缝集成到您的设计系统中。
常见问题
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.