
如何在 Figma 中使用切片工具
了解如何在 Figma 中使用切片工具导出设计中的特定部分,例如图标、UI 元素或区域。按照这个快速教程操作,并使用 Trupeer 创建指南。
分步指南:如何在 Figma 中使用切片工具
步骤 1
首先,导航到 Figma 中的格式菜单,然后点击区域工具选项。

步骤 2
从可用选项中,选择切片选项以激活该工具。

步骤 3
使用鼠标,选择要切片的对象。

步骤 4
点击导出选项以继续。

步骤 5
系统将显示一个用于导出切片的选项。

在 Figma 中使用切片工具的专业技巧
使用快捷键快速激活
按下键盘上的 S 键,即可立即激活切片工具,无需通过菜单导航。为切片清晰命名
导出前,请在图层面板中为每个切片起一个具有描述性的名称。这有助于保持导出文件的有序。使用切片进行批量导出
将多个切片放置在设计的不同部分,然后一次性全部导出,以更快地创建资源。将切片对齐到像素网格
为了获得清晰的导出效果,请确保切片边界对齐到整数像素。使用像素网格(Ctrl + ‘ / Cmd + ‘)检查对齐情况。结合导出预设
为切片设置导出预设(例如 PNG @2x、JPG),这样就可以重复使用设置,而无需每次调整。
常见陷阱及避免方法
不必要地将切片用于整个屏幕
导出整个画框时并不需要切片——直接在画框上使用导出选项即可节省时间。切片边界未对齐
如果切片未对齐像素网格,导出结果可能会显得模糊。导出前务必检查网格对齐。忘记选择切片图层
未选择切片图层就尝试导出是行不通的。确保切片本身在图层面板中被高亮显示。意外重叠切片
重叠可能会导致重复或令人困惑的导出结果。除非有意为之,否则请保持切片分开。未检查背景就导出
切片会精确捕获其下方的内容。如果背景不在所选范围内,导出的文件可能不完整。
关于在 Figma 中使用 Slice 工具的常见问题
Slice 工具用于什么?
它让你可以在不影响布局的情况下为设计定义特定的导出区域。非常适合导出图标、按钮或自定义区域。创建切片后可以调整大小吗?
可以,切片和形状一样都可以编辑。拖动角点或在属性面板中调整尺寸即可。切片会影响设计吗?
不会,它们只是导出标记,不会出现在最终设计中。我可以一次导出多个切片吗?
可以,在图层面板中选择多个切片,然后一起导出。Figma 的浏览器版本支持切片吗?
支持,你可以在 Figma 的桌面版和浏览器版中创建并导出切片。如何在 Mac 上录屏?
要在 Mac 上录屏,你可以使用 Trupeer AI。它可以让你捕获整个屏幕,并提供 AI 功能,例如添加 AI 头像、添加配音,以及在视频中放大和缩小。借助 trupeer 的 AI 视频翻译功能,你可以将视频翻译成 30 多种语言。如何为屏幕录制添加 AI 头像?
要为屏幕录制添加 AI 头像,你需要使用一个AI 屏幕录制工具。Trupeer AI 是一款 AI 屏幕录制工具,它可以帮助你创建带有多个头像的视频,也能帮助你为视频创建自己的头像。如何在 Windows 上录屏?
要在 Windows 上录屏,你可以使用内置的游戏栏(Windows + G),或者使用像 Trupeer AI 这样的高级 AI 工具,以获得 AI 头像、配音、翻译等更高级的功能。如何给视频添加配音?
要为视频添加配音,请下载 trupeer ai Chrome 扩展程序。注册后,上传你的视频并带上声音,从 trupeer 中选择所需的配音,然后导出你编辑后的视频。如何在屏幕录制中放大?
要在屏幕录制过程中放大,请使用 Trupeer AI 中的缩放效果,它允许你在特定时刻放大和缩小,从而增强视频内容的视觉冲击力。


