Onlook
The open-source visual editor for React — design directly in your real app
Descripción General
Onlook lets designers edit a real running React/Tailwind app visually — click any element, restyle it Figma-style, and the change writes back to your actual code. Open source, AI-assisted, and the most direct bridge between design and production UI.
Características
Cómo Empezar
Start at onlook.com (cloud) or self-host the open-source app. Import or create a Next.js + Tailwind project, then click-to-edit any element — commits show exactly what changed.
Precios
Free (open source) / cloud plans
Ver detalles de preciosPreguntas Frecuentes
Is this another Figma?
No — Figma edits pictures of UI; Onlook edits the UI itself. Design tweaks land as code commits, no handoff.
What stacks work?
React with Tailwind is the sweet spot (Next.js best supported).
Is it production-safe?
Changes are normal code edits you review in git like any PR — safer than designers describing changes in tickets.
Lee artículos sobre IA y diseño
Mantente al día con las últimas tendencias y consejos en diseño e inteligencia artificial
Aprende habilidades de IA
Descubre habilidades prácticas para usar herramientas de IA de manera efectiva