Back to Plugins
Icon Sizes

Icon Sizes

<p>This is a simple plugin that picks an instance and creates a new component with variants of 3 different sizes (12 &gt; 16 &gt; 24) while changing their stroke width according to a balanced proportion.</p><p><br></p><h2>How to use:</h2><ol><li>Select an instance of the icon component</li><li>Run the plugin</li><li>Change the variant names, sizes to match your workflow</li><li>(optional) Change the stroke width of each variant <em>or leave blank if you don't use stroke based icons</em></li><li>(optional) Check to remove the origin layer after creating the variants</li><li>Click Save &amp; Create variants</li></ol><p><br></p><p><em>Credits:</em></p><p>Figma plugin toolkit by <a href="https://www.figma.com/@yuanqing" rel="noreferrer noopener nofollow ugc" target="_blank">@yuanqing</a></p>

vector

Plugin Preview

Icon Sizes preview

About this plugin

This is a simple plugin that picks an instance and creates a new component with variants of 3 different sizes (12 > 16 > 24) while changing their stroke width according to a balanced proportion.


How to use:

  1. Select an instance of the icon component
  2. Run the plugin
  3. Change the variant names, sizes to match your workflow
  4. (optional) Change the stroke width of each variant or leave blank if you don't use stroke based icons
  5. (optional) Check to remove the origin layer after creating the variants
  6. Click Save & Create variants


Credits:

Figma plugin toolkit by @yuanqing

Plugin Details

Version11
CreatedJuly 23, 2021
Last UpdatedJune 18, 2022
CategoryUncategorized
CreatorJorge Martins
Stats3290 installs, 163 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.