
Claude рисует макеты и прототипы прямо в чате
Claude научился набрасывать интерфейсы и схемы прямо в переписке. Показываю, как за один промт я собрал прототип инструмента для отладки yoolip.ai.
Claude научился рисовать макеты, схемы и прототипы прямо в диалоге. Красивые таблички, интерфейсы, умные схемы, и всё это в чате: без Figma, без дизайнера, без ожидания. Ниже разбираю на реальном примере, как я за один промт собрал прототип инструмента для отладки yoolip.ai и почему это именно то, чего мне не хватало.
Что изменилось в работе с макетами
Раньше, чтобы увидеть макет, надо было объяснить дизайнеру задачу, дождаться первого варианта, дать правки и снова ждать. Каждая итерация стоила времени. Сейчас всё иначе. Пишешь один промт, и ты уже смотришь на готовый прототип. Claude рисует прямо в диалоге, результат видно сразу в браузере.
Если проще: этап «объясни и жди» схлопнулся до одного сообщения.
Как это выглядит на примере yoolip.ai
Я продумывал инструмент для отладки yoolip.ai. Задача простая по смыслу: каждый день проверять, что наши интеграции у тестовых пользователей работают нормально. Я попросил Claude набросать прототип такого инструмента. Выглядит космически, и это ровно то, чего мне реально не хватало, чтобы двигаться быстрее.
Где это экономит время
Смысл не в том, чтобы получить финальную картинку. Смысл в скорости проверки гипотез. Когда нужно быстро понять, как будет выглядеть фича, протестировать идею на себе и показать её команде, больше ничего не требуется. Один промт заменяет цепочку из брифа, макета и правок.
Заменяет ли это дизайнера
Нет, финальный дизайн это не заменяет. Для продакшена по-прежнему нужен нормальный дизайн-этап. Но на стадии прототипа, когда важнее скорость и понимание идеи, Claude закрывает задачу сам.
Ещё по теме
Скилл для Claude, который смотрит видео и пишет статьи
Раньше Claude умел только расшифровывать видео. Теперь есть скилл, который смотрит его, делает скриншоты в нужных местах и собирает статьи и базу знаний.
ЧитатьClaude Design: дизайн, прототипы и презентации вместе с Claude
Anthropic выпустили Claude Design: описываешь задачу, и Claude строит первую версию дизайна, а дальше ты правишь её диалогом или прямо на макете.
ЧитатьКакие нейросети выбрать при разном бюджете: мой личный набор
Без кликбейта расскажу, какими нейросетями я бы пользовался при разном бюджете. От бесплатного старта на ChatGPT до профессиональной работы в Claude.
Читать