Back to Plugins
Percentage Fill

Percentage Fill

Convert your content to be a percentage fill

percentcalcpercentage widthpercentage fillpercent of widthpercent calcpercentage

Plugin Preview

Percentage Fill 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

Version4
CreatedMarch 17, 2023
Last UpdatedSeptember 11, 2023
CategoryUncategorized
CreatorChandler Simon
Stats259 installs, 28 likes
PricingFree

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.