24Design em primeiro lugarPontuação provisória

Onlook

Editor visual de código aberto que deixa designers alterarem diretamente um repositório React ou Next.js em execução.

Atualizado em 31 de julho de 2026

A análise

O Onlook renderiza uma prévia ao vivo de uma aplicação React ou Next.js e deixa designers arrastar, redimensionar e reestilizar elementos visualmente — e cada mudança é escrita diretamente nos arquivos de código-fonte reais, e não em um arquivo de design separado. Opera com o código como única fonte de verdade, eliminando a lacuna de entrega do design para o desenvolvedor. O projeto tem mais de 25 mil estrelas no GitHub e uma versão hospedada na nuvem para times. Por exigir um projeto React ou Next.js funcional, não pode ser usado para começar do zero, e o preço da versão cloud não é listado publicamente e requer agendamento de demonstração.

Onde se destaca

As edições são escritas diretamente nos arquivos de código-fonte, eliminando a lacuna de entrega design-para-código
O core open-source é gratuito e auto-hospedável em qualquer infraestrutura
Suporta colaboração multiplayer em tempo real em bases de código ao vivo

Vale saber antes

Requer um projeto React ou Next.js existente para funcionar
O preço cloud exige agendamento de demonstração, sem cadastro por conta própria

Pontuação do índice

78.6

Provisório. Esta pontuação é lida a partir das capacidades públicas do produto, não a partir da recriação com um único prompt pela qual os registros totalmente avaliados passaram — trate-a como uma indicação, não como um veredicto.

Craft77

Speed70

Control88

Value80

Posição: 24 de 101
Constrói: Web
Categoria: Design em primeiro lugar
Resultado: Arquivos-fonte React ou Next.js editados
Preço: Plano gratuito
Ideal para: Duplas de design e desenvolvimento que iteram visualmente sobre React em execução

As pontuações são nosso julgamento editorial, ponderadas em qualidade 30, velocidade 25, controle 25 e custo-benefício 20.

Também vale conferir

Índice completo