Whole pixels
Baipix's pencil fills whole pixels, with no doubled corners on curves. In Figma, each pixel is a square you place.
Pixel art for Figma
Pixel art for Figma
Figma has no tools for pixel art. Draw it in Baipix instead: a free pixel art editor that works like the design tools you know. Then paste it into Figma as vector you can edit.
Inventory
Inventory128
- Heart×3
- Coin×128
- Potion×2
- Key×1
- Sword×1
- Gem×7
- Heart4 shapes
- Coin4 shapes
- Potion8 shapes
- Key4 shapes
- Sword6 shapes
- Gem5 shapes
Six 12 × 12 icons from the gallery. Pasted in Figma, each is a group named after it, made of one shape per color: 31 shapes in all, to recolor or resize like any vector.
Then paste it in Figma with Ctrl+V (Cmd+V on a Mac).
Copy and paste
Copy in Baipix, paste in Figma.
CtrlShiftC
Copy as SVG in Baipix
The drawing goes to the clipboard as SVG. On a Mac, it's Cmd+Shift+C.
CtrlV
Paste in Figma
It lands as vector, not as an image: one shape per color, your layers as named groups, ready to recolor or resize. The same works in Illustrator, and in any app or code editor that takes SVG.
Copy as PNG is next to it, for apps that only take images.
Why not in Figma
What Figma doesn't do.
A palette
Classic palettes, shades along a ramp, and a drawing moved to another palette in one step.
Pixel art tools
Dithering, symmetry, seamless tiles, isometric volumes, and a fill that stays in the lines.
Light files
What you paste is a shape per color, not a square per pixel: Figma stays fast, and no thin lines show between pixels.
Familiar
It works like Figma.
Layers and boards
A layers panel with groups and blend modes, and several boards side by side in one file, like frames.
Components
Draw a sprite once, place instances of it, and they follow when you change it.
The same habits
V to move, Space to pan, Ctrl+K for every command, Shift-click to select several, and Export at the top right.
More on the export itself in Pixel art to SVG, and every tool on the Draw page.
Questions
Common questions.
Can you draw pixel art in Figma?
You can, with a grid of small squares, but Figma has no tools for it: no pencil that fills whole pixels, no palette, no dithering or symmetry, and hundreds of squares to manage. Drawing in a pixel art editor and pasting the result is much faster.
Is there a Baipix plugin for Figma?
Not yet. Copy as SVG in Baipix and paste in Figma works today, with nothing to install.
Can I edit the pixel art once it is in Figma?
You can recolor it, resize it and move its groups. To change the pixels themselves, edit the drawing in Baipix and paste it again.
Is Baipix free?
Yes. Baipix is free and open source (MIT). It runs in your browser, with no account, and your drawings stay on your device.
Can I start from a Figma design?
Yes. Export it from Figma as a PNG and import it in Baipix. If it was exported larger than its pixels, Baipix finds the pixel grid and gets the original pixels back.
Draw your first pixel.
Free and open source, under the MIT license. No account, and your drawings stay on your device.