
Figma charges $15/user/month. Webflow charges $29/month. Someone built an open source design tool where you visually edit your React app and the code writes itself. 23,900 stars. Free. It's called Onlook. The Cursor for Designers. You see your live React app. You click on any element. You drag, resize, restyle. The code updates in real time. In your actual codebase. Not a mockup. Not a prototype. Your real app. No exporting. No handoff. No "developer please rebuild this from my Figma file." Here's what Onlook does: → Open your existing React project. See it visually. → Click any element. Edit styles, layout, spacing, colors. Visually. → AI generates new components, pages, and sections from prompts. → Every visual change writes clean code directly to your files. → No separate design file. Your design IS your code. Your code IS your design. → Works with your existing React and Next.js projects. No migration. → Desktop app for Mac, Windows, and Linux. Here's the wildest part: Designers and developers have been fighting over the same problem for 20 years. Designer makes a mockup. Developer rebuilds it from scratch. Designer says "that's not what I designed." Developer says "that's not how code works." Onlook kills this loop. The designer edits the actual app. The code updates automatically. There's nothing to hand off. There's nothing to rebuild. There's nothing to argue about. Figma: $15/user/month. Webflow: $29/month. Framer: $20/month. Design agencies charge $150/hour. This is free. Open source. Apache 2.0 License. 23.9K GitHub stars. 1.8K forks. 1,634 commits. 100% Open Source.
