Back to Plugins
Circle Packing

Circle Packing

Generate Random Circles inside Given Shape

packinggeneratortextcircle packingcirclerandompatternfigmageneraterandomize

Plugin Preview

Circle Packing preview

About this plugin

Packing circles with random sizes in a given shape.


Please try the tutorial below first


Tutorial

  1. Create a Frame with a white background and set its size to 400 x 400.
  2. Draw a black circle (#000000) with a size of 300 x 300, centered within the frame.
  3. Open the plugin and make sure the Mask Color is black (#000000)
  4. Select the Frame and click "Generate."
  5. Adjust the settings and enjoy!


Input Settings

  1. Mask Color: The part inside the frame where circles can be generated inside.
  2. Filter Quality: (0 - 100%) In a large Frame, reducing filter quality will help it generate faster.


Output Settings

  1. Num of Circles: (1 - 10,000) The maximum number of circles that can be generated.
  2. Circle Color: The color of the generated circles.
  3. Min. Radius: (1 - 10,000) The smallest radius for the generated circles.
  4. Max. Radius: (1 - 10,000) The largest radius for the generated circles. If the minimum and maximum values differ, each circle's radius will be randomly chosen between these two values.
  5. Padding Radius: (0 - 10,000) The extra radius (space) between circles to prevent them from overlapping.
  6. Bias: (0 - 10,000) When set to 0, circles have an equal chance to be any size between the minimum and maximum. When set to 1 or higher, circles will tend to be either very large (first) or very small (if it cannot fit).
  7. Num of Attempts: (1 - 1000) The number of tries to add circles. For example, if the number of circles is set to 500 and attempts are set to 5, the plugin will try to generate 500 circles. If the first attempt fails, it will try up to 5 times. This means it will try up to 2,500 times or stop once 500 circles are successfully created.


Pricing

  1. 10 free uses with full access to all features.
  2. Unlock unlimited access and future updates for a one-time purchase.

Plugin Details

Version3
CreatedNovember 16, 2024
Last UpdatedNovember 26, 2024
Categoryediting & effects plugins
CreatorSaranomy
Stats35 installs, 3 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none