LAUNCHED: Component Properties should have the power to control nested Components

I was excited for the new Component Properties and how they might simplify my components, but I haven’t been able to make much use of it because most of my components involve nested components, which the Component Properties can’t control.

For example: Suppose you have a Modal component, which has within it a Button component. You may want the Modal component to have a Component Property for the Button’s CTA text - but that’s not possible. It is possible to override the visibility and text within nested components, so it seems like Component Properties should be able to control this.

Also, I’ve already built countless components so that all of the variants are based on one master component. Component Properties can’t be used for these at all since they’re entirely nested components. If I detach all the instances, I’m worried that will undo all of the overrides in designs when the component is published.

Hopefully a future update will allow Component Properties to control nested components.

6 Likes

I’m sad to see there’s no real answer form the Figma team on whether this is a “maybe”. There’s a lot of potential if they can get Properties on nested components, I too wish we could use the master component to control so many other versions. For now we just have so many duplicates if we want booleans. Not ideal. :frowning_face:

2 Likes

Hey @All,

Thank you for your patience! We’ve improved the component properties experience with your feedback in mind. Learn more here!

5 Likes

:sunglasses: a welcome improvement!
Reminder to those using a master component for variants:

  1. You can only apply component properties to the master, not the component/variants set (which makes sense)
  2. As a result, you’ll still need to click into your nested components to make those component property adjustments… Essentially your variant properties remain a level above your new component properties.

A small but obvious sacrifice in order to have full control of nested components (at a higher layer level) I’d say.
Note: I tested this quickly so please feel free to correct any errors

1 Like