使用 Figma 快速掌握间距的键盘快捷键

教程 2024-11-29 14:14:39 38

在 Figma 中设计时,精美的间距是至关重要的。它可以提升用户界面 (UI) 的可读性、美观性和整体吸引力。为了提高效率,Figma 提供了一系列键盘快捷键,使您可以轻松调整和控制元素之间的间距。

调整单个元素周围的间距* Alt + ↑:增加顶部间距
* Alt + ↓:增加底部间距
* Alt + ←:增加左侧间距
* Alt + →:增加右侧间距

调整多个元素之间的间距* Shift + Alt + ↑:增加选定元素之间的顶部间距
* Shift + Alt + ↓:增加选定元素之间的底部间距
* Shift + Alt + ←:增加选定元素之间的左侧间距
* Shift + Alt + →:增加选定元素之间的右侧间距

重置间距* Ctrl + Alt + 0:将所有间距重置为默认值

精确调整间距* 按住 Alt 并拖动元素以按像素精确调整间距。

与约束一起使用* 结合约束,您可以轻松创建始终保持正确间距的布局。
* 使用 Shift + X 或 Shift + Y 为选定元素设置垂直或水平约束。
* 使用 Ctrl + Shift + X 或 Ctrl + Shift + Y 为选定元素清除垂直或水平约束。

通过掌握这些键盘快捷键,您可以显著提升在 Figma 中进行设计时的效率和精度。它们使您能够快速调整间距,创建美观且用户友好的界面。