如何在 Figma 中扩展页面

了解如何轻松地一次从 Canva 下载多个页面或设计。这份快速指南将带你逐步操作,帮你节省时间并简化工作流程。

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

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

免费创建

本指南提供了一种清晰简洁的方法,帮助你在 Figma 中扩展页面。
这个过程包括在保持设计完整性的同时调整页面大小或复制页面。按照以下步骤,你可以高效管理 Figma 项目的布局。

在 Figma 中,并没有像其他一些设计工具那样真正的 扩展页面 按钮,但你可以通过调整画板大小、缩放视图或添加新页面来轻松扩展工作区。方法如下:

1. 调整画板大小

如果你在一个画板内工作(它在 Figma 中的作用类似于页面),你可以将其拉伸以容纳更多内容:

  • 选择画板:点击你想调整大小的画板。

  • 使用右侧边栏:打开右侧的设计面板。

  • 拖动以调整大小:将鼠标悬停在画板边缘上,直到光标变化,然后拖动它,让画板变大,可以是垂直、水平或两者同时调整。

  • 应用约束:设置水平或垂直约束,以便在调整大小时内容能够正确适应。

2. 调整视图(缩放)

有时你不需要扩展画板,只需缩小视图或调整界面缩放比例,就能看到更多画布内容:

  • 在浏览器中:使用浏览器的缩放设置(通常位于 View > Zoom 下)。

  • 在 Figma 桌面应用中:

    • 在顶部菜单中进入 View

    • 将鼠标悬停在 Interface Scale 上,并选择“放大”或“重置为默认值”等选项。

  • 键盘快捷键:

    • Mac:

      • 重置:Option + Shift + Command + 0

      • 放大:Option + Shift + Command + =

      • 缩小:Option + Shift + Command + -

    • Windows:

      • 重置:Ctrl + Shift + Alt + 0

      • 放大:Ctrl + Shift + Alt + =

      • 缩小:Ctrl + Shift + Alt + -

3. 添加或管理页面

如果你空间不足,或者想更好地组织设计,只需添加更多页面:

  • 添加新页面:点击左上角画布中的当前页面名称(如“Page 1”),然后点击“+”创建新页面。

  • 重命名页面:再次点击页面名称即可重新命名,便于更好地整理。

  • 使用插件:如果你需要快速批量创建多个新页面,可以尝试 Add Multiple Pages 等插件。

分步指南:如何在 Figma 中扩展页面

方法 1

要开始在 Figma 中扩展页面,首先打开你想要扩展的示例设计。导航到页面最角落并点击它。

接下来,找到图中所示的调整大小按钮。点击该按钮即可将页面扩展或调整到你想要的尺寸。

To begin extending a page in Figma, first open the sample design you wish to extend. Navigate to the extreme corner of your page and click on it.  Next, locate the resize button as indicated in the image. Click on this button to extend or resize your page to your desired dimensions.

方法 2

如果你希望在保持固定比例或长宽比的同时调整大小,按下 “K” 键以启用缩放工具。这样你就可以在调整大小时自动保持现有页面的缩放比例不变。

If you wish to resize while maintaining a fixed scale or aspect ratio, press the "K" key to activate the scale tool. This allows you to resize while automatically keeping the scale of the existing page fixed

方法 3

要通过复制页面来扩展它,Windows 用户按 “Ctrl + D”,Mac 用户按 “Command + D”。此操作会复制你的页面并创建一个新实例。

To extend the page by duplicating it, press "Ctrl + D" if you are using Windows, or "Command + D" if you are using a Mac. This action will duplicate your page and create a new instance.

在 Figma 中扩展页面的专业技巧

  1. 如何在 Figma 中扩展画布大小?

    要在 Figma 中扩展画布大小,请在编辑器中单击并拖动画布边缘。你也可以使用缩放工具,选中框架或画板后拖动其控制柄来扩大尺寸。

  2. 我可以在 Figma 中设置自定义页面大小吗?

    可以。选中框架或画板后,你会在右侧的属性面板中看到宽度和高度选项。输入你想要的尺寸,即可为页面或设计区域设置自定义大小。

  3. 在 Figma 中扩展页面会影响现有元素吗?

    扩展页面只会调整画布或框架大小,不会影响现有元素的位置。不过,如有需要,请调整你的设计组件,以适应新的画布尺寸。

在 Figma 中扩展页面时的常见陷阱及避免方法

  1. 不必要地扩展页面会让你的项目更难导航,并可能让协作者感到困惑。

  2. 超大的画布尺寸加上大量元素会降低 Figma 的性能。请保持扩展规模适中并进行优化。

  3. 扩展页面会影响设计的导出方式,尤其是在导出设置与新尺寸不匹配时。调整大小后,请务必检查导出设置。

关于如何在 Figma 中扩展页面的常见问题

  1. 如何在 Figma 中扩展画布大小?
    要在 Figma 中扩展画布大小,请在编辑器中点击并拖动画布边缘。你也可以选择框架或画板,并拖动其控制点来扩展尺寸,从而使用调整大小工具。

  2. 我可以在 Figma 中设置自定义页面大小吗?
    可以。当你选择一个框架或画板时,会在右侧的属性面板中看到宽度和高度选项。输入你想要的尺寸,为页面或设计区域设置自定义大小。

  3. 在 Figma 中扩展页面会影响现有元素吗?
    扩展页面只会调整画布或框架大小,不会影响现有元素的位置。不过,如有需要,请调整你的设计组件,以适应新的画布尺寸。

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

  5. 如何为录屏添加 AI 头像?
    要为录屏添加 AI 头像,你需要使用AI 屏幕录制工具。Trupeer AI 是一款 AI 屏幕录制工具,可帮助你制作包含多个头像的视频,也能帮助你为视频创建自己的头像。

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

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

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

大家还问

技术文档生成器

用户手册指南

知识库软件

如何在 Figma 中隐藏框架名称

如何保存 Figma 文件

如何在 Figma 中创建网格

如何使用侧边栏放大 Figma

如何在 Figma 中模糊背景

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

免费试用 Trupeer

预约演示

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

免费试用 Trupeer

预约演示

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

免费试用 Trupeer

预约演示

This entire guide page from video to steps, and screenshots was made with Trupeer AI in minutes not hours.

This entire guide page from video to steps, and screenshots was made with Trupeer AI in minutes not hours.