Back to Plugins
Visual Center

Visual Center

<p>Find the visual center of any vector shape.</p><p><br></p><p>The plugin uses two methods for determining the visual center depending on the shape.</p><p><br></p><ol><li>For triangles the plugin will find the centroid to determine visual center.</li><li>For vector shapes with more than three vertices the plugin uses the center of the smallest enclosing circle (<a href="https://www.nayuki.io/page/smallest-enclosing-circle" rel="noreferrer noopener nofollow" target="_blank">https://www.nayuki.io/page/smallest-enclosing-circle</a>).</li></ol><p><br></p><h2><strong>👉 Usage</strong></h2><p><br></p><ol><li>Select one or more vector shapes and run the plugin</li><li>A guide layer will be added to the page and grouped together with the selected shape.</li></ol><p><br></p><h2><strong>👉 Supported Node Types</strong></h2><p><br></p><ul><li>VECTOR</li><li>STAR</li><li>RECTANGLE</li><li>POLYGON</li><li>ELLIPSE</li></ul><p><br></p><h2><strong>🤔 Edge cases</strong></h2><p><br></p><p>This plugin <strong>is not</strong> a bulletproof solution to finding the exact visual center. There are still cases in which manual alignment is necessary.</p>

alignvisual centercenteroptical alignmentoptical centervectorcentroid

Plugin Preview

Visual Center preview

About this plugin

Find the visual center of any vector shape.


The plugin uses two methods for determining the visual center depending on the shape.


  1. For triangles the plugin will find the centroid to determine visual center.
  2. For vector shapes with more than three vertices the plugin uses the center of the smallest enclosing circle (https://www.nayuki.io/page/smallest-enclosing-circle).


👉 Usage


  1. Select one or more vector shapes and run the plugin
  2. A guide layer will be added to the page and grouped together with the selected shape.


👉 Supported Node Types


  • VECTOR
  • STAR
  • RECTANGLE
  • POLYGON
  • ELLIPSE


🤔 Edge cases


This plugin is not a bulletproof solution to finding the exact visual center. There are still cases in which manual alignment is necessary.

Plugin Details

Version1
CreatedAugust 22, 2021
Last UpdatedAugust 26, 2021
Categoryshapes-colors
CreatorTodd Hamilton
Stats1480 installs, 74 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the shapes-colors category.