Wonder

Wonder is a design tool that lets users generate and edit visual layouts directly on a canvas while staying connected to the underlying code. The interface supports AI‑driven design generation, chat‑based interaction with an agent, and precise modifications, allowing designers to iterate on ideas and see the resulting code in real time. It maps canvas elements one‑to‑one with React and Tailwind code, so the output can be copied and shipped without a separate handoff step.

The platform includes features for creating image variants, adjusting spacing, swapping images, and applying shaders to enhance visual quality. Designers can describe desired assets and have them generated on the canvas, and they can also push the finished design to code or export it for further development. The tool aims to streamline the workflow from ideation to production, keeping the design and implementation phases tightly coupled.