Skip to main content
Question

Nested components: text properties not editable in parent instance

  • December 19, 2025
  • 1 reply
  • 35 views

UX Designer

Hi everyone,
I’m struggling with a nested component setup and I’d like to understand if this is a limitation of Figma or if I’m structuring things the wrong way.
I’m designing an e-commerce filter panel. The structure is:

  1. Item (component)
    • contains a text layer exposed as a Text property
    • has hover / active states
  2. Dropdown (component)
    • contains multiple Item instances
    • has open / closed variants
  3. Category (component)
    • contains multiple Dropdown instances
    • categories are expandable / collapsible


When I place the category instance in my design then try to edit the item labels I cannot change the text of the items
because they always stay linked to the Dropdown main component, even if the Item itself has a text property, it’s not editable from the Category child.

It seems that text properties inside nested components don’t “pass through” to higher-level instances.
I need to avoid creating a separate parent component for every filter category.

What am I doing wrong?

Thanks!

1 reply

Haroll
  • Power Member
  • December 29, 2025

Hi ​@UX Designer 

You should be able to see the properties of any nested component, regardless of the level of nesting. Would it be possible for you to share your file so we could take a look?