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:

  1. Copy the example frame from the playground file.
  2. Select the layer called "Percentage=(x)%".
  3. Replace "x" with the desired percentage.
  4. Run the plugin with the parent layer(s) selected.


How it works:

  1. Create an auto-layout frame and name it "Percentage=(x)%".
  2. 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.
  3. 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
Stats191 installs, 20 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.