如何在 Figma 中裁剪图像

了解如何在 Figma 中快速高效地裁剪图片。本分步指南涵盖如何使用裁剪工具、调整图片边界以及保持设计简洁的技巧。

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

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

免费创建

以下是更详细的说明:

选择图像:点击要裁剪的图像图层。 
进入裁剪模式:您可以点击工具栏中的“裁剪”按钮,或者使用键盘快捷键(Option/Alt + 双击)。 
调整裁剪控制点:图像周围会出现蓝色控制点。
拖动这些控制点可调整裁剪区域大小。 
重新定位图像:在裁剪区域内单击并拖动,可将图像在裁剪框内移动。 
完成裁剪:点击图像外部或按 Esc/Return 应用更改。 
保持宽高比:拖动时按住 Shift/Control 可保持原始宽高比。 
调整对侧边:拖动时按住 Option/Alt 可同时调整图像相对两侧的大小。 

分步指南:如何在 Figma 中裁剪图像

第 1 步

首先从 Figma 中的模板里选择图像。

Begin by selecting the image from the template in Figma.

第 2 步

点击此菜单中的图像部分以打开弹出窗口。

Click on the image section within this menu to open a pop-up window.

第 3 步

点击下拉菜单。

Click on the dropdown menu.

第 4 步

选择裁剪选项,

Select the crop option,

第 5 步

现在图像的裁剪功能已启用。调整裁剪以满足您的具体需求。

The crop function will now be enabled for the image. Adjust the crop to meet your specific requirements.

在 Figma 中裁剪图像的专业技巧

  1. 将图像导入画布
    将图像文件拖放到 Figma 画布中,或使用 File > Place Image 选项插入。

  2. 选择图像图层
    点击要裁剪的图像。确保只选中了图像,而没有与其他元素编组。

  3. 点击“裁剪”模式
    在顶部工具栏中,找到显示“填充”的下拉菜单。点击它,并在模式选项中选择“裁剪”。

  4. 调整裁剪区域
    从边缘或角落拖动黑色控制点,以定义图像的可见区域。

  5. 在框架内重新定位图像
    在裁剪框内单击并拖动图像,以调整显示图像的哪一部分。

  6. 点击“完成”或按 Enter 键
    一旦您对裁剪满意,按 Enter 键或在图像外任意位置点击即可应用更改。

常见问题及避免方法

  1. 裁剪选项不可见
    确保您选择的是图像,而不是形状或编组图层。裁剪工具仅适用于图像。

  2. 图像拉伸而不是裁剪
    如果您想隐藏图像的部分内容,请避免使用“缩放”或“适合”选项。请专门使用“裁剪”模式。

  3. 不小心移动整个框架
    使用白色裁剪控制点来调整裁剪,而不是外部蓝色边界框,因为它会移动框架。

  4. 调整大小后裁剪区域重置
    如果您在裁剪后调整了图像框架的大小,请仔细检查裁剪设置是否仍然保持不变。

  5. 裁剪未应用
    按 Enter 键或在图像区域外单击以确认并完成裁剪。如果未应用,更改可能会丢失。



关于在 Figma 中裁剪图像的常见问题

  1. 如何在 Figma 中裁剪图像?
    选中图像,前往 Fill 下拉菜单,选择 Crop,调整裁剪框,然后按 Enter 应用。

  2. 我可以一次裁剪多张图像吗?
    不可以,裁剪必须逐个对每张图像进行。Figma 不支持批量裁剪。

  3. Figma 中 crop 和 mask 有什么区别?
    Crop 会直接隐藏图像的部分内容。Masking 使用另一个形状来定义可见区域。

  4. 我可以在 Figma 中撤销裁剪吗?
    可以,选中图像,切回 Fill 模式,然后重置或重新调整裁剪区域。

  5. 裁剪会减小图像大小吗?
    不会,裁剪只是从视觉上隐藏图像的一部分,但不会减小文件大小,也不会移除被隐藏的像素。

  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

预约演示