figma / code-connect

A tool for connecting your design system components in code with your design system in Figma
MIT License
490 stars 45 forks source link

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

Open l-campbell opened 3 weeks ago

l-campbell commented 3 weeks ago

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.

Screenshot 2024-04-23 at 04 31 19

Render

Screenshot 2024-04-23 at 04 32 11

Info

Screenshot 2024-04-23 at 04 32 21

Code connect

Screenshot 2024-04-23 at 04 38 05
tomduncalf-figma commented 3 weeks ago

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 commented 3 weeks ago

Thanks @tomduncalf-figma!

mryechkin commented 3 weeks ago

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 commented 1 week ago

+1 for needing this functionality