Button Resizer
Resize your button to fit its label width. ————————————————————————————————— How to use: Resize Button: * Make sure your button label text layer is set to: - Constraints: Left & Right - Resizing: Fixed Size 1. Enter a text in your button label. 2. Select the button frame or component and run "Button Resizer > Resize Button" Set Min Width: You can set a minimum width on your button so that the plugin will never resize below it. If you are using a button component it is recommended to set this on the master component so all instances will inherit the minimum width automatically. 1. Select the button frame or component and run "Button Resizer > Set Min Width". 2. Enter a number and click Set.
Plugin Preview
About this plugin
Resize your button to fit its label width. ————————————————————————————————— How to use: Resize Button: * Make sure your button label text layer is set to: - Constraints: Left & Right - Resizing: Fixed Size 1. Enter a text in your button label. 2. Select the button frame or component and run "Button Resizer > Resize Button" Set Min Width: You can set a minimum width on your button so that the plugin will never resize below it. If you are using a button component it is recommended to set this on the master component so all instances will inherit the minimum width automatically. 1. Select the button frame or component and run "Button Resizer > Set Min Width". 2. Enter a number and click Set.
Plugin Details
| Version | 8 |
|---|---|
| Created | August 5, 2019 |
| Last Updated | September 17, 2019 |
| Category | Software development |
| Creator | Damien Aistrope |
| Stats | 19373 installs, 230 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code