Wonder

Description

Wonder — это дизайн-инструмент на основе канваса, объединяющий дизайн и фронтенд-разработку в едином рабочем процессе. В отличие от классических дизайн-инструментов, требующих отдельной передачи инженерам, Wonder генерирует дизайны, которые 1:1 соответствуют готовому к продакшену коду (React + Tailwind). Дизайнеры могут отправлять промпты, итерироваться и шлифовать визуал прямо на канвасе, а лежащий под ним код обновляется в реальном времени. Через MCP-сервер Wonder также интегрируется с coding-агентами вроде Cursor и Claude Code, позволяя разработчикам подтягивать контекст дизайна прямо в кодовую базу — без скриншотов и пересборки.