如何在 Figma 中隐藏框架名称——整理你的画布

了解如何在 Figma 中隐藏框架名称,以获得无干扰的设计体验。使用这些步骤整理画布,并专注于你的布局。

Instant AI Product Videos & Docs from Rough Screen Recordings

Get Started for Free

本指南提供了有关如何在 Figma 中隐藏分区或框架名称的详细说明。

该过程涉及对框架进行分组以使其名称消失,或者也可以使用插件达到相同效果。请按照以下步骤高效管理框架可见性。

虽然 Figma 没有内置切换来隐藏框架名称,但你可以使用一些变通方法:

1. 使用插件(推荐)

  • 搜索插件:前往 Figma Community,搜索诸如“Hide Frame Names”或“Clean Frame Names”之类的插件。

  • 安装并运行:安装完成后,选择要隐藏名称的框架,然后运行插件。

  • 隐藏或修改:大多数插件只需单击一下即可隐藏、缩短或清理框架标签。

2. 嵌套框架(手动方法)

  • 创建包装框架:将要隐藏的框架放入另一个更大的框架中。

  • 原理:这样通过将带名称的框架放入父容器中,可以减少画布上的视觉杂乱,从而降低其标签的可见性。

分步指南:如何在 Figma 中隐藏框架名称

步骤 1

要在 Figma 中隐藏分区或框架名称,首先识别出你想要隐藏名称的框架。

请注意,不同的框架名称当前在内容窗口中可见。要隐藏这些名称,请将这些框架组合在一起,这会将它们转换为子集,从而使框架名称消失。

To hide section or frame names in Figma, begin by identifying the frames whose names you want to conceal.  Notice that different frame names are currently visible in the content window. To hide these, group the frames together, which will convert them into subsets, causing the frame names to disappear.

步骤 2

要创建组,请使用鼠标左键选中并拖动所有框架。然后右键单击所选内容并选择“组合所选内容”选项,

或者,你可以使用快捷键 Ctrl + G 立即将这些框架分组。

To create a group, select and drag all the frames together using a left-click. Then, right-click on the selection and choose the group selection option,  Alternatively, you can use the shortcut Ctrl + G to group the frames instantly.

步骤 3

作为另一种选择,你可以导航到 Resources,然后是 Plugins and Widgets,并搜索插件。

As another option, you can navigate to Resources, then Plugins and Widgets, and perform a search for plugins.

步骤 4

搜索“Hide Frame Names”插件。这个热门插件专门用于在 Figma 中隐藏框架名称。

请注意,该插件需要付费版本,因此要使用它来隐藏框架名称,必须购买许可证。

Search for the "Hide Frame Names" plugin. This popular plugin is specifically designed to hide frame names in Figma.  Please note that this plugin requires a paid version, so purchasing a license is necessary to use it for hiding frame names.

在 Figma 中隐藏分区名称的专业技巧

  1. 折叠图层:
    如果分区名称是图层组的一部分,你可以点击图层面板中组旁边的小箭头来折叠该图层组。这样可以在不删除它的情况下将分区名称从视图中隐藏。

  2. 切换可见性:
    你可以通过点击图层面板中图层旁边的眼睛图标来隐藏分区名称或任何图层。这样会让它在设计中不可见,同时保留其完整性以便将来使用。

  3. 使用画框进行组织:
    如果你使用画框或组来组织设计,请确保分区名称位于其自己的画框中。你可以切换此画框的可见性来隐藏名称。

  4. 创建自定义组件:
    如果分区名称是组件的一部分,你可以在保留资产中原始内容完整的情况下,覆盖或删除组件实例中的文本。

  5. 调整图层不透明度:
    如果你想隐藏名称但不删除它,可以将文本图层的不透明度降低到 0%。这会使其不可见,但它仍会保留在图层结构中以供将来使用。

在 Figma 中隐藏分区名称的常见陷阱及避免方法

  1. 意外删除分区名称:
    修复: 不要删除,而是使用可见性切换或折叠该分区,以保留名称供将来使用。

  2. 未使用画框进行分组:
    修复: 将各个分区组织到画框中,以便更好地控制可见性和布局。这样你就可以根据需要隐藏和显示分区。

  3. 忘记名称在图层中已被隐藏:
    修复: 通过在图层面板中使用命名规范,跟踪哪些图层已隐藏,这样你就可以在需要时快速识别并取消隐藏它们。

  4. 使设计过于复杂:
    修复: 通过保持图层和分区简单来避免设计中不必要的复杂性,尤其是在你经常隐藏或显示元素时。

在 Figma 中隐藏部分名称的常见问题

  1. 我可以在不影响设计的情况下,从图层面板中隐藏部分名称吗?
    可以,你可以折叠图层组或切换可见性,而不会将元素从设计中移除。

  2. 如果我需要临时隐藏部分名称怎么办?
    使用图层面板中的眼睛图标来切换可见性,这样可以临时隐藏部分名称。

  3. 我可以只在原型视图中隐藏部分名称吗?
    可以,可以将图层的可见性在原型或演示模式下关闭,因此预览时不会显示部分名称。

  4. 如何在保持结构完整以便将来使用的同时隐藏部分名称?
    你可以在图层面板中折叠该部分,或者将部分名称的透明度降低到 0%。

  5. 我可以隐藏部分名称,同时仍将其用于链接或交互用途吗?
    可以,视觉上隐藏部分名称不会影响其用于交互或链接的功能。

  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 中模糊背景

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo