28 августа 2026 г.
Дизайн-канвас теперь пишет агент: Tidewave отдаёт его одним HTML-файлом
Tidewave выкатила дизайн-канвас: агент собирает несколько экранов рядом в один HTML-файл на диске. Приехал в версии 0.9.0 от 18.08.2026 сразу в Phoenix, Rails и Vite. Бесплатно, в OSS-плане.
José Valim
@josevalim
В Tidewave приехал дизайн-канвас. Внутри он оказался таким полезным, что мы кусаем локти: надо было выкатывать раньше! Наш дизайн-канвас: * Работает с любым агентом для кода * Запускается внутри вашего веб-приложения, поэтому легко достаёт и переиспользует ваши темы, пока вы экспериментируете * Это самостоятельный HTML-файл: кидайте в Slack, коммитьте в систему контроля версий и так далее * Бесплатный! Просто поставьте пакет Tidewave для Phoenix/Rails/Vite и пользуйтесь: https://tidewave.ai/toolbar#download Вот маленькое демо с кофейней, можно поиграть: https://tidewave.hexdocs.pm/assets/coffee-hero-canvas.html Когда канвас появился, мы взяли его и переделали тему самого Tidewave: правили одновременно и исходный код, и канвас. Ничего не надо было импортировать, генерировать файлы DESIGN.md и прочее - всё это просто файлы на вашей машине. По реализации канвас - горстка веб-компонентов. LLM отлично пишут JS и HTML, так что навязывать фреймворк вроде React только мешает. Понадобится библиотека или фреймворк - агенты сами решат.
Варианты экранов рисовались в дизайн-инструменте, оттуда шёл экспорт, а агенту готовили отдельный DESIGN.md с описанием темы. Теперь канвас лежит файлом рядом с проектом: агент читает его и правит вместе с исходниками, темы приложения подхватываются сами - канвас запускается внутри твоего же веб-приложения.
Файл на диске меняет обращение с макетом. Один самостоятельный HTML: закоммитить в git, кинуть коллеге в Slack, открыть без сборки. Внутри инспектор, зум по Cmd/Ctrl+колесо, навигация перетаскиванием. Демо Жозе Валима - кофейня Solstice Coffee: три направления героя рядом (тёплый по центру, разбивка с иллюстрацией, тёмный редакционный) на паре шрифтов Fraunces и DM Sans, плюс ряд из пяти вариантов кнопок.
Ставится одной командой. Phoenix: `mix archive.install hex igniter_new --force && mix igniter.install tidewave --yes`. Rails: `bundle add tidewave --group development`. Vite: `npx tidewave install`. Дальше в Tidewave Toolbar нужно настроить Tidewave MCP - инструмент `create_design_canvas` живёт в нём; в Tidewave IDE настройка не нужна, просто просишь агента сделать канвас. Работает с любым агентом для кода.
Доки разводят два режима. Крутишь варианты одного компонента на существующей странице - это UI variants. Нужен макро-уровень (несколько экранов рядом, навигация между ними, артефакт для коллег) - канвас. Цена: сам канвас в бесплатном OSS-плане, платные тарифы Tidewave - Pro $10 в месяц и Teams $12 за пользователя.
Своей темой Tidewave занялась уже на канвасе: правили исходники и макет одновременно.
Первоисточник
