A design tool that works directly with the DOM, so what you create can turn into real HTML and Tailwind without a handoff. Paper also lets you import existing components and edit them visually, aiming to collapse design and development into the same space.

A visual code editor that lets designers and product managers build web apps without writing code directly. Onlook generates real code under the hood, supports importing Next.js projects, and frames itself as a kind of “Cursor for Designers.”

A design tool that skips static mockups and generates working code from the start. Pencil AI is aimed at ad and marketing workflows, collapsing the gap between design and production by letting designers output real interfaces directly.