如何在 Figma 中使用切片工具

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

使用 AI 创建令人惊艳的产品视频和文档

本教程由 Trupeer 在不到 5 分钟内制作完成

免费创建

分步指南:如何在 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 中使用切片工具的专业技巧

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

  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 上录屏,你可以使用内置的游戏栏(Windows + G),或者使用像 Trupeer AI 这样的高级 AI 工具,以获得 AI 头像、配音、翻译等更高级的功能。

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

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

推荐阅读

技术文档生成器

用户手册指南

知识库软件

如何在 Figma 中隐藏框架名称

如何保存 Figma 文件

如何在 Figma 中制作网格

如何在 Figma 中制作网格

如何在 Figma 中模糊背景

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

免费试用 Trupeer

预约演示

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

免费试用 Trupeer

预约演示

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

免费试用 Trupeer

预约演示