Help - Detach all components 🚨

:wave: Moving from wireframes to design on a website and intend to maintain the wireframes as a reference exactly how they are now.

Since the wireframes use components and I will be updating them for the design, I thought the best way to archive the wireframes would be to detach all the components.

TLDR; How do I automatically detach all components in a page?

2 Likes

Ctrl + A
Ctrl + Alt + B

Substitute Ctrl with Cmd for Mac

That doesn’t detach components in any child container (basically every component), I would have to ungroup every layer which would break auto layouts etc.

1 Like

You could try to traverse the layer hierarchy with Enter (selects children) and Shift + Enter (selects parent)

It might not traverse fully if you have different objects selected but at least it makes the process faster.

I actually found I could just duplicate the file as the components are only file specific to acheive an archived state for the wireframes. Sorry, half the challenge is knowing the right question to ask!

To my knowledge there isn’t a way to automatically detach all components but one thing you could do is:

  1. Select all elements you want to detach
  2. Press Command + / (macOS)
  3. Type “detach instances” and select the “Detach instances”

And all your instances should be detached.

18 Likes

Not only Detach Instances but Detach All Nested Instances! You, sir, showed me the path! :heart:

4 Likes

@Timothy_Sullivan You just saved hours of my time, :pray:

1 Like

@Timothy_Sullivan wish I had seen you comment last week when I wasted hours doing that manually, saving myself so much time going forward :heart_eyes:

1 Like

Glad I could help!

Yay, happy component’ing! haha

1 Like

This is what I want, thank you!