Personalize
your own keyboard

A free keyboard editor with live preview. No sign-up — open it and start designing.

Keyboard designer editor

What-you-see-is-what-you-get editor

An intuitive keyboard editor with live preview of every keycap’s color, legend, and icon. Drag to arrange and see results instantly.

Keyboard designer editor

Rich color system

Custom colors and gradients, covering the palettes mechanical keyboards actually use.

Export SVG / images

Export SVG vectors or high-res PNG in one click, ready to share or print.

Smart layout fitting

Recognizes 60%, 75%, TKL and other common layouts, with one-click key alignment.

Built for custom-keyboard fans

From color ideas and layout fitting to file export — design a full keycap set in the browser, for free.

Keyboard Designer completely changed my workflow. I used to paint keycaps one by one in Photoshop; now I drag, recolor, and preview live. A full palette in ten minutes.

ZM
Ming ZhangMechanical keyboard enthusiast

The UI is intuitive and easy to pick up. You can make pro-looking palettes without learning complex software.

LY
Ya LiCustom-keyboard hobbyist

Finally a tool made for keyboard design. Switching layouts is so convenient.

WH
Hao WangKeyboard community blogger

From idea to finished set in one afternoon. Love the palettes and export quality — highly recommend.

SC
Si ChenUI designer

FAQ

Common questions about Keyboard Designer

Get started

Start designing your keycaps

Fully open source, no sign-up. Open the editor, pick a layout, dial in your palette, and finish in minutes.

Open the editor
See features