menu

Figma

Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!

Channels
Team

Is possible to swap out a nested instance with a Team Library component?

February 6, 2018 at 5:45pm

Is possible to swap out a nested instance with a Team Library component?

February 6, 2018 at 5:45pm

February 6, 2018 at 5:55pm

svg

  • reply
  • like

Hi Killian,

It is indeed possible to swap out a nested instance with a team library component.

When you use the instance dropdown on the right to swap, that list is only populated with components that are in the current document. To swap with a team library component, first drag an instance of that component into the document. Then it will show up in the instance dropdown on the ride sidebar.

We know this workflow is a tad awkward, and we're exploring options to make this interaction smoother.

Did that work for you?

like-fill
1
  • reply
  • like

February 7, 2018 at 10:22am

Hola @apuente, I don't understand your approach. Could you please explain yourself a bit more. Gracias!

  • reply
  • like

Hi Jamie ( @jlfwong ) , thanks for your answer but not working really.

Your proposal implies every time a new component is added to the Team Library it must be dragged down in all the documents that is potentially needed to be swapped.

Sort of keeping a "local" Team library for each document... yeah, a tad awkward.

Anyway, I'm sure it will be fixed on next releases :)

like-fill
1
  • reply
  • like

Ups, sorry. I sent that message without wanting. Perdona!

  • reply
  • like

This is a pain. Really hope they fix this. In the meantime I follow @jlfwong approach or I have to put every "swappable" instance in the same component, but hided, and then unhide the instance I want to use. :(

  • reply
  • like

Once you put it in your document, and then swap the instance, you can delete the first instance of it. I commented this on another thread and suspect Figma will have a slicker implementation of this...but at least it works now and doesn't detach the component anymore :)

  • reply
  • like

February 13, 2018 at 8:24pm
like-fill
7
  • reply
  • like

Hi all! Happy to announce we've just turned on a feature for everyone that should alleviate this pain. If you drag a component from the library sidebar while holding down option, instead of inserting an instance into the scene, it will swap an instance under the cursor. If you have nested components, then holding down option & command will swap the most deeply nested component under the cursor.

like-fill
2
  • reply
  • like

Please give it a try and let us know what you think!

like-fill
2
  • reply
  • like

πŸ˜‚πŸ˜‚πŸ˜‚ It's beautiful

like-fill
1
  • reply
  • like

February 14, 2018 at 8:50am

It is a dream come true!

  • reply
  • like

Now it's time to make it easier.

Think on an update for Team libraries, having only a search component to filter the thumbnails is poor.

Maybe a text version? Better organization? Collapsing groups? A proper item tree?

  • reply
  • like

Anyway, thanks a lot @jlfwong, It is a great advantage for geographically separated design teams.

  • reply
  • like

May 25, 2018 at 8:13pm

@jlfwong the OPT + CMD work around was a nice short term fix. Any chance there's a more full featured fix for swapping out a nested instance with a team library component from the instance drop down menu happening in the near term?

  • reply
  • like