Pixel ICON - 像素图标绘制
Easily create beautiful pixel art icons and insert them into Figma canvas with one click.
Plugin 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
| Version | 6 |
|---|---|
| Created | January 10, 2026 |
| Last Updated | August 26, 2026 |
| Category | Accessibility tools |
| Creator | Starrylight |
| Stats | 190 installs, 17 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Accessibility tools category.