Say Goodbye to InVision: How to Remove It Step by Step

InVision is a powerful design platform that helps teams create beautiful and functional products. However, sometimes you need to remove elements from your designs, whether it’s a misplaced image, a redundant text box, or an outdated component. This post will guide you through the process of how to remove in InVision, covering various removal techniques for different types of elements.

Removing Elements from Your InVision Prototype

InVision offers a variety of tools to remove elements from your prototypes. Here’s a breakdown of the most common methods:

1. Direct Selection:

• Click and Drag: The simplest way to remove an element is by using the direct selection tool. Click and drag the element you want to remove to the edge of the canvas or beyond. This will instantly delete the element.

2. Using the “Delete” Key:

• Select and Delete: Select the element you want to remove by clicking on it. Then, press the “Delete” key on your keyboard. This will permanently remove the element from your design.

3. Utilizing the “Backspace” Key:

• Quick Removal: Similar to the “Delete” key, pressing the “Backspace” key will also remove the selected element. This method is especially useful for quick removal tasks.

4. The Power of the “Undo” Button:

• Safety Net: If you accidentally delete an element, don’t worry! InVision provides an “Undo” button that allows you to revert your actions. Simply click the “Undo” button (or use the keyboard shortcut “Ctrl+Z” or “Cmd+Z”) to bring back the deleted element.

Removing Images from Your InVision Prototype

Images are an essential part of any design, but sometimes you need to remove them. InVision makes it easy with these options:

1. Direct Selection and Deletion:

• Simple and Effective: Select the image you want to remove by clicking on it. Then, use the “Delete” or “Backspace” key to remove it from your prototype.

2. Image Replacement:

• Swapping Images: Instead of deleting an image, you can replace it with a new one. Click on the image you want to replace and then drag and drop a new image onto the canvas. The old image will be replaced with the new one.

3. Using the “Remove Image” Button:

• Dedicated Tool: In the image editor, you’ll find a “Remove Image” button. Click on this button to remove the image from your prototype.

Removing Text from Your InVision Prototype

Text is another crucial element in design. Here’s how to remove text from your InVision prototype:

1. Direct Selection and Deletion:

• Select and Delete: Select the text box you want to remove by clicking on it. Then, use the “Delete” or “Backspace” key to remove it.

2. Using the “Backspace” Key:

• Quick Removal: If you have selected the text box, you can simply press the “Backspace” key to delete its contents.

3. The “Clear” Button:

• Erase Text: In the text editor, you’ll find a “Clear” button. Click on this button to remove all the text from the text box.

Removing Components from Your InVision Prototype

Components are reusable elements that can save you time and ensure consistency in your designs. Here’s how to remove components from your InVision prototype:

1. Using the “Delete” Key:

• Simple Removal: Select the component you want to remove by clicking on it. Then, press the “Delete” key. This will remove the instance of the component from your prototype.

2. Unlinking from the Master Component:

• Maintaining Consistency: If you want to remove a component instance but keep the master component intact, you can unlink it. To do this, select the component and then click the “Unlink” button in the component editor. This will remove the instance from your prototype while preserving the master component.

3. Deleting the Master Component:

• Permanent Removal: To completely remove a component, you need to delete the master component. This will remove all instances of the component from your prototype. To delete the master component, go to the “Components” section and click the “Delete” button next to the component you want to remove.

Removing Layers from Your InVision Prototype

Layers are an essential part of organizing your design. Here’s how to remove layers from your InVision prototype:

1. Direct Selection and Deletion:

• Remove Individual Layers: Select the layer you want to remove by clicking on it in the layers panel. Then, press the “Delete” key. This will remove the layer and all its contents from your prototype.

2. Using the “Delete” Button:

• Layer Panel Action: In the layers panel, you can also click the “Delete” button next to the layer you want to remove. This will delete the layer and its contents.

3. Merging Layers:

• Combining Layers: Instead of deleting layers, you can merge them to simplify your design. To merge layers, select the layers you want to merge and then click the “Merge” button in the layers panel. This will combine the selected layers into a single layer.

Removing Links from Your InVision Prototype

Links are crucial for navigating your prototype. Here’s how to remove links from your InVision prototype:

1. Direct Selection and Deletion:

• Removing Individual Links: Select the element with the link you want to remove by clicking on it. Then, click the “Link” icon in the properties panel. This will open the link editor. In the link editor, click the “Remove” button to remove the link.

2. Using the “Unlink” Button:

• Removing Links from Multiple Elements: If you want to remove links from multiple elements, you can use the “Unlink” button. Select the elements with the links you want to remove and then click the “Unlink” button in the properties panel. This will remove the links from all the selected elements.

Beyond Removal: Optimizing Your InVision Workflow

While mastering the art of removal is essential, it’s equally important to optimize your InVision workflow for efficiency. Consider these strategies:

• Utilize Keyboard Shortcuts: Familiarize yourself with InVision’s keyboard shortcuts to speed up your design process. You can find a list of keyboard shortcuts in the InVision help center.
• Leverage the “Undo” Button: Don’t be afraid to experiment! The “Undo” button is your safety net, allowing you to revert any unwanted changes.
• Organize Your Layers: Maintain a clear and structured layer hierarchy for better control and easier management of your design elements.
• Take Advantage of InVision’s Features: Explore InVision’s advanced features, such as prototyping, collaboration tools, and version control, to streamline your design workflow.

A Farewell to Redundancy: Embracing Efficiency in InVision

By understanding how to remove in InVision, you gain control over your design process, ensuring that your prototypes are clean, efficient, and reflect your creative vision. Remember, removing unwanted elements is not just about cleaning up your design; it’s about enhancing its clarity and functionality. As you become more familiar with InVision’s removal techniques, you’ll discover a newfound efficiency in your design workflow, allowing you to focus on what truly matters: creating compelling and engaging user experiences.

Questions You May Have

1. Can I recover deleted elements in InVision?

Unfortunately, there is no built-in “Trash” or “Recycle Bin” in InVision. Once you delete an element, it’s permanently removed. However, if you’re working on a collaborative project, a teammate might still have an earlier version of the design that includes the deleted element.

2. How do I remove an element from a component in InVision?

To remove an element from a component, you need to edit the master component itself. Open the master component and then use the standard removal techniques (direct selection, “Delete” key, etc.) to remove the unwanted element. This will update all instances of the component.

3. What happens if I remove a link from a prototype in InVision?

Removing a link from a prototype will make that element no longer clickable. Users will not be able to navigate to the intended destination when they interact with the element.

4. Is it possible to remove a layer without removing its contents?

No, removing a layer in InVision will also remove all the elements contained within that layer. If you want to preserve the contents, you’ll need to move them to a different layer before deleting the original layer.