如何在 Figma 中使用切片工具

了解如何在 Figma 中使用切片工具导出设计的特定部分,例如图标、UI 元素或区域。按照这个快速教程操作,并使用 Trupeer 创建指南。

基于粗略屏幕录制,瞬间生成 AI 产品视频和文档

免费开始使用

逐步指南:如何在 Figma 中使用切片工具

第 1 步

首先,导航到 Figma 中的格式菜单,然后点击区域工具选项。

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

第 2 步

从可用选项中,选择切片选项以启用该工具。

From the available options, select the slice option to activate the tool.

第 3 步

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

Using your mouse, select the object you want to slice.

第 4 步

点击导出选项继续下一步。

Click on the export option to proceed further.

第 5 步

系统将提供一个导出切片的选项。

You will be presented with an option to export the slice.

在 Figma 中使用 Slice 工具的专业技巧

  1. 使用快捷键快速激活
    按键盘上的 S,可立即激活 Slice 工具,无需通过菜单导航。

  2. 清晰命名你的切片
    在导出之前,在图层面板中为每个切片起一个描述性名称。这有助于保持导出的文件井然有序。

  3. 使用切片进行批量导出
    将多个切片放置到设计的不同部分,然后一次性导出它们,以更快地创建资源。

  4. 将切片对齐到像素网格
    为了获得清晰的导出效果,确保切片边界对齐到完整像素。使用像素网格(Ctrl + ‘ / Cmd + ‘)检查对齐情况。

  5. 结合导出预设
    为你的切片设置导出预设(例如 PNG @2x、JPG),这样就可以重复使用设置,而无需每次都调整。

常见问题及如何避免

  1. 不必要地将切片用于整个屏幕
    导出整个画板时不需要切片——直接在画板上使用导出选项即可节省时间。

  2. 切片边界未对齐
    如果切片偏离像素网格,导出的效果可能会模糊。导出前务必检查网格对齐。

  3. 忘记选中切片图层
    在没有选中切片图层的情况下尝试导出是行不通的。确保切片本身在图层面板中被高亮显示。

  4. 意外重叠切片
    重叠会导致重复或令人困惑的导出结果。除非有意为之,否则请保持切片彼此分开。

  5. 导出时未检查背景
    切片会精确捕捉其下方的内容。如果背景不属于所选内容,那么导出的文件可能不完整。

在 Figma 中使用 Slice 工具的常见问题

  1. Slice 工具有什么用?
    它可以让你在不影响布局的情况下,在设计中定义特定的导出区域。非常适合导出图标、按钮或自定义区域。

  2. 创建切片后可以调整大小吗?
    可以,切片和形状一样可编辑。拖动角点或在属性面板中调整尺寸。

  3. 切片会影响设计吗?
    不会,它们只是导出标记,不会出现在最终设计中。

  4. 可以一次导出多个切片吗?
    可以,在图层面板中选择多个切片并一起导出。

  5. Figma 的浏览器版支持切片吗?
    可以,你可以在 Figma 的桌面版和浏览器版中创建并导出切片。

  6. Mac 上如何录屏? 
    在 Mac 上录屏,你可以使用 Trupeer AI。它可以捕获整个屏幕,并提供诸如添加 AI 头像、添加配音、在视频中放大和缩小等 AI 功能。借助 trupeer 的 AI 视频翻译功能,你可以将视频翻译成 30 多种语言。 

  7. 如何向屏幕录制中添加 AI 头像?
    要向屏幕录制中添加 AI 头像,你需要使用一款 AI 屏幕录制工具。Trupeer AI 是一款 AI 屏幕录制工具,可帮助你制作带有多个头像的视频,还能帮助你为视频创建属于自己的头像。

  8. 如何在 Windows 上录屏?
    要在 Windows 上录屏,你可以使用内置的 Game Bar(Windows + G),或者像 Trupeer AI 这样的高级 AI 工具,以获得 AI 头像、配音、翻译等更高级功能。

  9. 如何给视频添加配音?
    要给视频添加配音,请下载 trupeer ai chrome 扩展程序。注册后,上传带有声音的视频,从 trupeer 中选择所需的配音,然后导出你编辑后的视频。 

  10. 如何在屏幕录制中放大?
    在屏幕录制过程中放大,请使用 Trupeer AI 中的缩放效果,它允许你在特定时刻放大和缩小,从而增强视频内容的视觉冲击力。

推荐阅读

技术文档生成器

用户手册指南

知识库软件

如何在 Figma 中隐藏画板名称

如何保存 Figma 文件

如何在 Figma 中制作网格

如何在 Figma 中制作网格

如何在 Figma 中模糊背景

需要视频剪辑师、翻译和编剧吗?

免费试用 Trupeer

预约演示

需要视频剪辑师、翻译和编剧吗?

免费试用 Trupeer

预约演示

需要视频剪辑师、翻译和编剧吗?

免费试用 Trupeer

预约演示