Icon Scaling Tool
by Eugene Gavriloff
Creating multiple sizes of icons is easy with the Microsoft Design Icon Scaling tool
Installs
7,267
Likes
496
Users
11,601
Views
22,393
Preview
About this plugin
Creating multiple sizes of icons is easy with the Microsoft Design Icon Scaling toolWith this plugin you can:- Draw once and scale to multiple sizes with a single click- Apply the Fluent Design System weight to icons, at the right sizes- Check for naming, duplicates, and sizing errors with your icon sets before you export- Correct errors on your Figma canvas and regenerate icon sizes with updates- Inspect your icon in the tool to ensure it lands on the grid- Ensure icons pass the even-odd fill rule and have non-zero winding with a built-in tool to correct- Prepare your set for export as a .zip file that contains SVGs, PDFs, and a text descriptionNotes:- We recommend that you start your icon design size at 24px for best results- Icon layer names should follow the naming convention of Name / Size / Theme. For example, 'Folder / 24 / Regular'- Using 'Thin' weight will apply a 1 px stroke to all icon sizes. 'Regular' weight will adhere to Fluent Design System rules for iconsUsage:
The Icon Scaling tool uses Fill Rule Editor for even odd error inspection under MIT license.
Thanks:
This tool was created by the Meta-Design Studio for Microsoft Design. Thanks to Prasanna Gunuru, Spencer Nelson, Jason Custer, Damien Aistrope and Zann St Pierre.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF