Onlook — Design & Creatività

Cos'è Onlook?

Onlook è un editor visuale per codice, spesso descritto come 'Cursor per Designer'. Permette ai team di progettare insieme direttamente nel proprio codebase reale, rendendo il codice la fonte di verità. Invece di lavorare in uno strumento di design separato, puoi prototipare, ideare e creare siti web da zero mentre modifichi il codice frontend effettivo.

Quale problema risolve?

Tradizionalmente, design e sviluppo avvengono in silos: i designer creano mockup in Figma, gli sviluppatori ricostruiscono tutto in codice. Onlook colma questo divario consentendo a entrambi i ruoli di lavorare sullo stesso file, eliminando gli attriti di passaggio di consegne e garantendo che il design system sia sempre allineato con l'implementazione.

A chi è rivolto?

È ideale per team di prodotto, soprattutto quelli con app web React, dove designer e sviluppatori collaborano strettamente. Se vuoi iterare rapidamente sull'interfaccia senza uscire dal codebase, o se sei uno sviluppatore che vuole modificare visualmente senza scrivere ogni classe, Onlook fa per te. Non è adatto a utenti non tecnici che necessitano di uno strumento di design completamente hosted senza alcuna componente di codice.

Casi d'uso reali

I team usano Onlook per correggere problemi di layout responsive (come l'esempio masonry nella demo), creare e gestire design token, temare un intero progetto e persino costruire nuove funzionalità da zero. Viene anche utilizzato per prototipazione e mockup, con la possibilità di esportare il codice sulla tua macchina locale o pubblicarlo su GitHub.

• Modifica visuale nel codice reale — Manipola direttamente l'albero dei componenti React e gli stili, con modifiche riflesse nel tuo codebase effettivo.
• Assistenza IA — Usa prompt in linguaggio naturale per modificare l'interfaccia, come correggere i breakpoint responsive o aggiungere nuove funzionalità.
• Modelli di progetto — Salva e riutilizza interi progetti come modelli nel tuo team per punti di partenza coerenti.
• Branching & Controllo versione — Crea e gestisci branch per i tuoi progetti con cronologia completa delle versioni, integrato con Git.
• Theming & Branding — Centralizza design token, palette di colori e gestione della tipografia per un branding coerente.
• Progettato come uno strumento di design — Naviga nell'albero dei componenti con controllo preciso su ogni elemento, proprio come in un'app di design.
• Sicurezza avanzata (per i team) — SSO (SAML/OAuth), controlli di sicurezza avanzati, log di audit e controlli amministrativi per esigenze enterprise.

Prezzi di Onlook: Gratuito (self-hosted) | Personalizzato per i team. Modello di fatturazione: Free.

Per confronto: il prezzo di partenza mediano in Design & Creatività è $12/mese, misurato su 274 strumenti che monitoriamo. Vedi il SaaS Pricing Index completo →

Gratuito (Self-Hosted)

Onlook è open-source e può essere auto-ospitato gratuitamente tramite GitHub. Questo ti dà pieno controllo ed è ideale per individui o team che gestiscono la propria implementazione.

Per i team

Prezzi personalizzati in base alle esigenze del tuo team. Include Modelli di progetto, Branching & Controllo versione, Theming & Branding, Sicurezza avanzata (SSO, log di audit) e altro. Contattaci per una demo.

Onlook è attualmente in beta chiusa: prenota una demo per ottenere l'accesso anticipato.

Trova lo strumento giusto per te con il nostro consulente IA →