Back to Plugins

Percentage Fill
Convert your content to be a percentage fill
percentcalcpercentage widthpercentage fillpercent of widthpercent calcpercentage
Plugin Preview
About this plugin
How to use:
- Copy the example frame from the playground file.
- Select the layer called "Percentage=(x)%".
- Replace "x" with the desired percentage.
- Run the plugin with the parent layer(s) selected.
How it works:
- Create an auto-layout frame and name it "Percentage=(x)%".
- Within that frame, create a few new frames: One should be titled "%" and have fixed width and a filled height. The other should be an auto-layout frame named "Percentage-Content" and have a filled width.
- When you run the plugin, it will resize the "Percentage-Content" frame to the size defined in the parent layer.
If you want to center the content, use two "%" layers and place them on either side of the "Percentage-Content" layer.
Plugin Details
Version | 4 |
---|---|
Created | March 17, 2023 |
Last Updated | September 11, 2023 |
Category | Uncategorized |
Creator | Chandler Simon |
Stats | 191 installs, 20 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the same category.
No similar plugins found in this category.