Back to Plugins
Pixel ICON - 像素图标绘制

Pixel ICON - 像素图标绘制

Easily create beautiful pixel art icons and insert them into Figma canvas with one click.

Plugin Preview

Pixel ICON - 像素图标绘制 preview

About this plugin

NamePixel ICONTaglineDraw pixel-perfect icons on a grid and export clean SVG components.DescriptionDraw pixel-perfect icons on a precise grid, generate optimized SVGs, and insert them straight into Figma as components.Pixel ICON is a small editor for favicons, system icons, and other graphics that need to sit on the pixel. Open the plugin, pick a grid from 8 to 64, and draw with pencil, eraser, fill, and selection tools. When you are done, the plugin traces the pixels into a clean SVG path — copy the code, or export it onto the canvas as a reusable component.Features- 8–64 grids, with 12 / 16 / 24 presets- Pencil, eraser, fill, and selection; flip, undo/redo, copy/paste- Mono or color mode, with recent colors- Import pixels from the current Figma selection- Live SVG preview and one-click copy- Export inserts a Figma component on the canvasHow to use1. Run **Pixel ICON** from the Figma plugin menu.2. Choose a grid size and start drawing.3. To trace an existing layer, select it on the canvas, then import.4. Click **Export** to insert a component, or copy the SVG.Shortcuts P Pencil E Eraser G Fill M Select Shift + drag Straight line Alt + click Pick color⌘ Z / ⌘ Shift Z Undo / Redo⌘ C / ⌘ V Copy / paste pixels Esc Place selectionDelete Delete selectionSupport: [starrylight.art](https://starrylight.art)CategoryDesign toolsTags (up to 12)pixel, icon, svg, component, pixel-art, favicon, grid, export, vector, design-systemVersion notes (1.1.0)Draw pixel icons on an 8–64 grid, export optimized SVG, insert as a Figma component, and import from the current selection. Includes undo/redo, fill, flip, selection, and keyboard shortcuts.

Plugin Details

Version6
CreatedJanuary 10, 2026
Last UpdatedAugust 26, 2026
CategoryAccessibility tools
CreatorStarrylight
Stats190 installs, 17 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Opens the author's Ko-fi, Afdian, GitHub, and website links from the about dialog. The plugin does not send document or user data to any server.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://afdian.com
    • https://github.com
    • https://ifdian.net
    • https://ko-fi.com
    • https://starrylight.art