✅ - How to Override Hardcoded Text in Components Generated by Amplify UI Builder Plugin for Figma?

[urban knoll]

Hello everyone,

I have a question regarding the Amplify UI Builder plugin for Figma. When I generate components using this plugin, the text from Figma is hardcoded into the components. In contrast, when I generate components using Gen1 through Amplify Studio, I can override this text without any issues.

Is there a way to override the hardcoded text in components generated by the Amplify UI Builder plugin? Any guidance or solutions would be greatly appreciated.

Thank you!

[sacred rapids]

I am also badly lookinf for this. It looks like it should be possible using overrides and children like this :

<TallCard
        overrides={{
          $99: {
            children: "$100",
          },
        }}
      />

But it does not work for me 😦

[lime thorn]

you should be able to directly modify that generated component
remove the 99 text and use the override as above it should update the text.
or adding {getOverrideProps(overrides, "$99")?.children || "$99"} in place of the $99 worked as well

[hollow veldt]

✅ - How to Override Hardcoded Text in Components Generated by Amplify UI Builder Plugin for Figma?