Can you target "Text" layers as "children"?

[l-campbell]

Question

I have a Figma component that uses a "Text" layer instead of a property. With code connect, is there a way to target this layer to map to a coded component prop? In my scenario, I'm trying to map this to the label prop in the coded component. I've tried using figma. children() with the name of the layer with no success, I know this isn't the intended here.

Context

Layers

All the nested layers in this tree are either row or column layouts.

Render

Info

Code connect

[tomduncalf-figma]

Hi @l-campbell, right now we don't support this I'm afraid, but it's on our roadmap as we know some design system do use overrides like this instead of props. I'll keep this issue open so we can update you on progress.

[l-campbell]

Thanks @tomduncalf-figma!

[mryechkin]

Just chiming in here to say that our design team also uses a similar approach in some components, so it's great to hear it will be supported 🎉

[alisonjoseph]

+1 for needing this functionality

[alisonjoseph]

Confirmed this works for my above example with Tabs. 🙌

However I'm struggling to get the value for an example that has the text layer nested more deeply. Any solution for this without updating the actual Figma component itself?

[tomduncalf-figma]

Hey @alisonjoseph, happy to hear it's working for you. You should be able to reference this nested layer using figma.nestedProps, something like:

nested: figma.nestedProps("_Number input base", {
  text: figma.textContent("Text")
})

which would then be available as props.nested.text

[alisonjoseph]

@tomduncalf-figma Nested property support is 🔥 worked perfectly, thanks!