教程

如何在 Figma 中撤消一个组件

学习如何在 Figma 中撤销组件并将其恢复为常规框架或元素。简单步骤,可快速调整设计。

这是一个逐步的分解:

创建一个实例:选择你的主要组件并复制它(使用 Ctrl/Cmd + D)以创建一个实例。 
分离实例:右键单击该实例并选择“分离实例”。或者,当选择了实例时,你可以在右侧边栏的“实例选项”部分找到“分离实例”选项。你也可以使用键盘快捷键 Ctrl/Cmd + Alt + B。 
删除原始组件:从你的画布中删除原始主要组件。 

逐步指南:如何在 Figma 中撤销组件

第一步

首先选择你希望撤销的组件。确保它被高亮显示。

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

第二步

选择组件后,导航到右侧菜单,在那里你会找到“更多操作”选项。点击它。

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

第三步

选择“分离实例”选项以有效地撤销 Figma 中的组件。

Choose the "Detach Instance" option to effectively undo the component in Figma.

第四步

通过遵循这些步骤,你可以成功撤销 Figma 中的组件。感谢你使用本指南。

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

在 Figma 中撤销组件的专业提示

  1. 使用撤销快捷键
    按 Ctrl + Z(Windows)或 Cmd + Z(Mac)快速撤销上一个操作,包括组件创建。

  2. 右键单击以“分离实例”
    如果你放置了一个组件并想将其还原为可编辑图层,右键单击实例并选择“分离实例”。

  3. 在分离前重命名
    如果你计划分离并编辑一个组件,请首先重命名它,以便你可以轻松跟踪其更改。

  4. 在编辑前复制
    如果你可能需要稍后使用原始组件,请在分离之前复制它以保留一份干净的副本。

  5. 检查主组件位置
    如果你意外删除或更改了主组件,先通过资产面板找到它并在进行更改之前进行恢复。

常见陷阱及如何避免

  1. 错误删除主组件
    移除主组件会使所有链接的实例失效。在进行不可逆更改之前,总是要先复制。

  2. 将“分离实例”和撤销混淆
    分离改变了图层的性质,而撤销则是撤回最近的步骤。根据你的目标使用正确的方法。

  3. 编辑实例而不是主组件
    对实例所做的更改不会更新所有组件。如果你想要一致的更改,请编辑主组件。

  4. 分离后丢失覆盖
    一旦你分离,任何文本或样式覆盖将会丢失。如果你想保留它们,请保存一份副本。

  5. 撤销历史限制
    Figma 的撤销历史是基于会话的——关闭文件会重置历史,所以如果需要撤销某事请迅速行动。

关于在 Figma 中撤销组件的常见问答

  1. 如何撤销创建组件?
    在创建它后立即按 Ctrl + Z(Windows)或 Cmd + Z(Mac)将其还原为单个图层。

  2. “分离实例”有什么作用?
    它打破了实例与主组件之间的链接,允许完全独立编辑。

  3. 我可以恢复删除的主组件吗?
    是的,如果它仍在文件的版本历史中。前往文件 → 显示版本历史以恢复。

  4. 分离是否会影响其他实例?
    不,分离只影响所选实例,而不影响主组件或其他实例。

  5. 我可以重新链接分离的实例吗?
    不,一旦分离,就不能自动重新链接。你需要用一个全新的组件实例替换它。

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

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

  8. 如何在 Windows 上屏幕录制?
    在 Windows 上屏幕录制,你可以使用内置的游戏栏(Windows + G)或先进的 AI 工具,如 Trupeer AI,获得更多如 AI 头像、配音、翻译等高级功能。

  9. 如何为视频添加配音?
    为视频添加配音,下载 Trupeer AI Chrome 扩展程序。一旦注册,上传你的视频,选择你所需的配音,导出编辑后的视频。 

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

这是一个逐步的分解:

创建一个实例:选择你的主要组件并复制它(使用 Ctrl/Cmd + D)以创建一个实例。 
分离实例:右键单击该实例并选择“分离实例”。或者,当选择了实例时,你可以在右侧边栏的“实例选项”部分找到“分离实例”选项。你也可以使用键盘快捷键 Ctrl/Cmd + Alt + B。 
删除原始组件:从你的画布中删除原始主要组件。 

逐步指南:如何在 Figma 中撤销组件

第一步

首先选择你希望撤销的组件。确保它被高亮显示。

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

第二步

选择组件后,导航到右侧菜单,在那里你会找到“更多操作”选项。点击它。

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

第三步

选择“分离实例”选项以有效地撤销 Figma 中的组件。

Choose the "Detach Instance" option to effectively undo the component in Figma.

第四步

通过遵循这些步骤,你可以成功撤销 Figma 中的组件。感谢你使用本指南。

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

在 Figma 中撤销组件的专业提示

  1. 使用撤销快捷键
    按 Ctrl + Z(Windows)或 Cmd + Z(Mac)快速撤销上一个操作,包括组件创建。

  2. 右键单击以“分离实例”
    如果你放置了一个组件并想将其还原为可编辑图层,右键单击实例并选择“分离实例”。

  3. 在分离前重命名
    如果你计划分离并编辑一个组件,请首先重命名它,以便你可以轻松跟踪其更改。

  4. 在编辑前复制
    如果你可能需要稍后使用原始组件,请在分离之前复制它以保留一份干净的副本。

  5. 检查主组件位置
    如果你意外删除或更改了主组件,先通过资产面板找到它并在进行更改之前进行恢复。

常见陷阱及如何避免

  1. 错误删除主组件
    移除主组件会使所有链接的实例失效。在进行不可逆更改之前,总是要先复制。

  2. 将“分离实例”和撤销混淆
    分离改变了图层的性质,而撤销则是撤回最近的步骤。根据你的目标使用正确的方法。

  3. 编辑实例而不是主组件
    对实例所做的更改不会更新所有组件。如果你想要一致的更改,请编辑主组件。

  4. 分离后丢失覆盖
    一旦你分离,任何文本或样式覆盖将会丢失。如果你想保留它们,请保存一份副本。

  5. 撤销历史限制
    Figma 的撤销历史是基于会话的——关闭文件会重置历史,所以如果需要撤销某事请迅速行动。

关于在 Figma 中撤销组件的常见问答

  1. 如何撤销创建组件?
    在创建它后立即按 Ctrl + Z(Windows)或 Cmd + Z(Mac)将其还原为单个图层。

  2. “分离实例”有什么作用?
    它打破了实例与主组件之间的链接,允许完全独立编辑。

  3. 我可以恢复删除的主组件吗?
    是的,如果它仍在文件的版本历史中。前往文件 → 显示版本历史以恢复。

  4. 分离是否会影响其他实例?
    不,分离只影响所选实例,而不影响主组件或其他实例。

  5. 我可以重新链接分离的实例吗?
    不,一旦分离,就不能自动重新链接。你需要用一个全新的组件实例替换它。

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

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

  8. 如何在 Windows 上屏幕录制?
    在 Windows 上屏幕录制,你可以使用内置的游戏栏(Windows + G)或先进的 AI 工具,如 Trupeer AI,获得更多如 AI 头像、配音、翻译等高级功能。

  9. 如何为视频添加配音?
    为视频添加配音,下载 Trupeer AI Chrome 扩展程序。一旦注册,上传你的视频,选择你所需的配音,导出编辑后的视频。 

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

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Here's a step-by-step breakdown:

Create an instance: Select your main component and duplicate it (using Ctrl/Cmd + D) to create an instance. 
Detach the instance: Right-click on the instance and choose "Detach Instance". Alternatively, you can find the "Detach Instance" option in the "Instance Options" section of the right-hand sidebar when the instance is selected. You can also use the keyboard shortcut Ctrl/Cmd + Alt + B. 
Delete the original component: Delete the original main component from your canvas. 

Step-by-Step Guide: How to Undo a Component in Figma

Step 1

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

Step 2

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

Step 3

Choose the "Detach Instance" option to effectively undo the component in Figma.

Choose the "Detach Instance" option to effectively undo the component in Figma.

Step 4

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

Here's a step-by-step breakdown:

Create an instance: Select your main component and duplicate it (using Ctrl/Cmd + D) to create an instance. 
Detach the instance: Right-click on the instance and choose "Detach Instance". Alternatively, you can find the "Detach Instance" option in the "Instance Options" section of the right-hand sidebar when the instance is selected. You can also use the keyboard shortcut Ctrl/Cmd + Alt + B. 
Delete the original component: Delete the original main component from your canvas. 

Step-by-Step Guide: How to Undo a Component in Figma

Step 1

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

Begin by selecting the component you wish to undo within Figma. Make sure it is highlighted.

Step 2

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

With the component selected, navigate to the right-side menu where you will find the "More Actions" option. Proceed to click on it.

Step 3

Choose the "Detach Instance" option to effectively undo the component in Figma.

Choose the "Detach Instance" option to effectively undo the component in Figma.

Step 4

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

By following these steps, you can successfully undo a component in Figma. Thank you for using this guide.

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Pro Tips for Undoing a Component in Figma

  1. Use the Undo Shortcut
    Press Ctrl + Z (Windows) or Cmd + Z (Mac) to quickly reverse the last action, including component creation.

  2. Right-Click to “Detach Instance”
    If you’ve placed a component and want to revert it to editable layers, right-click the instance and choose Detach Instance.

  3. Rename Before Detaching
    If you plan to detach and edit a component, rename it first so you can track its changes easily.

  4. Duplicate Before Editing
    If you might need the original component later, duplicate it before detaching to keep a clean copy.

  5. Check Master Component Location
    If you accidentally deleted or altered a master component, find it via the Assets panel and restore it before making changes.

Common Pitfalls and How to Avoid Them

  1. Deleting the Master Component by Mistake
    Removing the master component can break all linked instances. Always duplicate before making irreversible changes.

  2. Confusing “Detach Instance” with Undo
    Detaching changes the nature of the layer, while Undo reverses recent steps. Use the right method based on your goal.

  3. Editing an Instance Instead of the Master
    Changes made to an instance won’t update all components. Edit the main component if you want consistent changes.

  4. Losing Overrides After Detaching
    Once you detach, any text or style overrides in that instance are lost. Save a copy if you want to preserve them.

  5. Undo History Limitations
    Figma’s undo history is session-based—closing the file resets the history, so act quickly if you need to revert something.

Pro Tips for Undoing a Component in Figma

  1. Use the Undo Shortcut
    Press Ctrl + Z (Windows) or Cmd + Z (Mac) to quickly reverse the last action, including component creation.

  2. Right-Click to “Detach Instance”
    If you’ve placed a component and want to revert it to editable layers, right-click the instance and choose Detach Instance.

  3. Rename Before Detaching
    If you plan to detach and edit a component, rename it first so you can track its changes easily.

  4. Duplicate Before Editing
    If you might need the original component later, duplicate it before detaching to keep a clean copy.

  5. Check Master Component Location
    If you accidentally deleted or altered a master component, find it via the Assets panel and restore it before making changes.

Common Pitfalls and How to Avoid Them

  1. Deleting the Master Component by Mistake
    Removing the master component can break all linked instances. Always duplicate before making irreversible changes.

  2. Confusing “Detach Instance” with Undo
    Detaching changes the nature of the layer, while Undo reverses recent steps. Use the right method based on your goal.

  3. Editing an Instance Instead of the Master
    Changes made to an instance won’t update all components. Edit the main component if you want consistent changes.

  4. Losing Overrides After Detaching
    Once you detach, any text or style overrides in that instance are lost. Save a copy if you want to preserve them.

  5. Undo History Limitations
    Figma’s undo history is session-based—closing the file resets the history, so act quickly if you need to revert something.

Common FAQs About Undoing a Component in Figma

  1. How do I undo making a component?
    Immediately press Ctrl + Z (Windows) or Cmd + Z (Mac) after creating it to revert it to individual layers.

  2. What does “Detach Instance” do?
    It breaks the link between the instance and the master component, allowing full independent editing.

  3. Can I restore a deleted master component?
    Yes, if it’s still in the file’s version history. Go to File → Show Version History to recover it.

  4. Will detaching affect other instances?
    No, detaching only affects the selected instance, not the master component or other instances.

  5. Can I re-link a detached instance?
    No, once detached, it cannot be re-linked automatically. You’d need to replace it with a fresh component instance.

  6. How to screen record on mac? 
    To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages. 

  7. How to add an AI avatar to screen recording?
    To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.

  8. How to screen record on windows?
    To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.

  9. How to add voiceover to video?
    To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video. 

  10. How do I Zoom in on a screen recording?
    To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

People also ask

How to Hide Frame Names in Figma

How To Save Figma File

How To Make a Grid in Figma

How to Make a Grid in Figma

How To Blur Background in Figma

Common FAQs About Undoing a Component in Figma

  1. How do I undo making a component?
    Immediately press Ctrl + Z (Windows) or Cmd + Z (Mac) after creating it to revert it to individual layers.

  2. What does “Detach Instance” do?
    It breaks the link between the instance and the master component, allowing full independent editing.

  3. Can I restore a deleted master component?
    Yes, if it’s still in the file’s version history. Go to File → Show Version History to recover it.

  4. Will detaching affect other instances?
    No, detaching only affects the selected instance, not the master component or other instances.

  5. Can I re-link a detached instance?
    No, once detached, it cannot be re-linked automatically. You’d need to replace it with a fresh component instance.

  6. How to screen record on mac? 
    To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages. 

  7. How to add an AI avatar to screen recording?
    To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.

  8. How to screen record on windows?
    To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.

  9. How to add voiceover to video?
    To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video. 

  10. How do I Zoom in on a screen recording?
    To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

People also ask

How to Hide Frame Names in Figma

How To Save Figma File

How To Make a Grid in Figma

How to Make a Grid in Figma

How To Blur Background in Figma

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Instant AI Product Videos & Docs from Rough Screen Recordings

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.

Experience the new & faster way of creating product videos.

Instant AI Product Videos and Docs from Rough Screen Recordings.