Onlook

FreeOpen Source
Onlook

Onlook é um editor visual open-source que roda direto no seu código React/Next.js — você clica, arrasta e edita componentes na tela enquanto o código atualiza em tempo real. Serve para devs e designers que precisam iterar rápido em interfaces sem ficar alternando entre Figma e IDE. O diferencial é que ele opera sobre o código real do projeto, não em algum layer separado que você vai precisar reconciliar depois. Open-source, com versão cloud em desenvolvimento.

editor visualReactNext.jsdesign to codeTailwindopen-source

Sobre

O Onlook é um editor visual que conecta diretamente a interface visual ao código-fonte React, sem intermediários. Feito pela onlook-dev como alternativa para quem sofre com o gap entre design e implementação, ele funciona como um Figma que escreve JSX de verdade. A premissa é simples: se você consegue ver o componente na tela, consegue editá-lo — e o repositório git reflete cada mudança na hora.

Ferramentas Relacionadas