Som ·
Korg M3 Editor by JJ: editor web para o sintetizador M3
Projeto pessoal: um editor web que substitui o editor oficial descontinuado do Korg M3, feito com vibe coding (Claude Code) e validado no hardware.
- Ano
- 2026
- Papel
- Product designer e desenvolvedor (com IA)
- Área
- Som
- Ferramentas
Resultado
Editor web com 46 telas e cerca de 1.580 controles, validado no hardware; conversão de Programs validada em 128 de 128 casos.
Contexto
O editor oficial do Korg M3 é um app 32-bit que não abre nos sistemas atuais, e o instrumento ficou sem editor. Criei uma alternativa web que roda no Chrome ou Edge e conversa com o M3 por USB-MIDI (Web MIDI e SysEx), com edição em tempo real nos dois sentidos. Foi um projeto pessoal, feito com vibe coding com Claude Code e sem time de engenharia: levei a UX de um problema real até um produto funcionando.
Escopo
- Cobertura: 46 telas e cerca de 1.580 controles de Program, Combi, Drum Kits e Global, com 171 tipos de efeito e KARMA.
- Tempo real: sliders e knobs sincronizados com o hardware nos dois sentidos, além dos modos de Control Surface.
- Além do original: gerador de Programs e Combis por categoria, randomizador com desfazer, busca em todos os bancos, backup em arquivo único, Toolbox para analisar, comparar, converter e montar bancos (.PCG), audição sem gravar na memória e visualizador de samples com conversão para WAV.
Qualidade
A conversão de Programs do Korg M50 para o M3 foi validada em 128 de 128 casos contra o editor oficial e confirmada no instrumento real. Cada funcionalidade foi validada no hardware antes de seguir adiante.
UX e design system
O layout segue as telas do original, com tema editável por tokens e documentação no Figma com variáveis em 3 modos de tema, 13 estilos de texto, 10 componentes e 8 telas. O refinamento visual está em andamento.
Método
O PLAN.md serve como roteiro vivo do projeto, e as decisões ficam documentadas. A stack é React 19, TypeScript, Vite, Tailwind CSS v4, Zustand, Web MIDI API (SysEx), Figma e Claude Code.
[confirmar: ano 2026. As fontes não datam o projeto.] [confirmar: decisões difíceis, aprendizados e o que mudaria no processo. As fontes trazem o método e o resultado, mas não os problemas do caminho.]
Desafio
O editor oficial do Korg M3 é um app 32-bit que não abre nos sistemas atuais, e o instrumento ficou sem editor.
Entrega
Um editor web que roda no Chrome ou Edge e conversa com o M3 por USB-MIDI, com edição em tempo real nos dois sentidos: o que muda no app muda no instrumento, e o contrário também.
Resultado
Editor com 46 telas e cerca de 1.580 controles, validado no instrumento real. A conversão de Programs do Korg M50 para o M3 foi validada em 128 de 128 casos contra o editor oficial. [confirmar: período de desenvolvimento]