Button min width hack

January 23, 2023

January 23, 2023

Min width hack — to encode minimum width behavior in a button component, add a rectangle/frame with desired min width and .001 height. Figma will round the ".001" down to "0" and honor the width property. Longer labels will expand the container as expected.

Here's how I created the button component. It's important that the direction is vertical and the gap between is 0. Everything else is up to you.

Continue Reading