How to make a component in Figma with autofit height and resizable width?

Question

Design

There is a component


I want:
1. To be able to change the width
2. To change the height relative to the text
3. So that the text takes the place of the cut out


element
. It's just that Figma doesn't have that ability.

Answer 1

I can advise you to use Auto Layout, in which you place text and elements.
In this case, set the text width as Fixed Size, and then the width of the entire component will depend on the text.
It's a bit of a crutch, but I think +- is what you need. Because Figma does not yet know how to simulate the width of "100%"

Answer 2

The simplest = for blocks that have their icon and closure disabled, remove autoLayout. or make 3 variants of the component - no left icon, no close button, and only text