Web-steps клуб

🤯 Figma решила потихоньку порвать рынок ИИ-разработки сайтов. Теперь можно сгенерировать сайт в любой нейросети, а затем импортировать его в Figma. И при этом это не набор картинок, как при импорте HTML to Figma, а работающий код внутри Figma. Но самое крышесносное: можно в Figma поправить дизайн как в обычном редакторе — добавить блоки, заменить иконки и так далее. А потом всё это обновится сразу в коде. Дальше можно скачать код на компьютер или обновить на GitHub. Это решает главную боль вайбкодеров по допиливанию дизайна сгенерированного сайта. Если надо на чем потестить, то вот git с сайтом.

В Figma появилась новая фишка — Specs (спецификации). И это не просто «ещё один тип файла», а попытка убрать давнюю боль: контекст дизайна вечно живёт в чьей-то голове или в переписке, а не рядом с макетами. Что это такое - Specs Раньше спецификация (описание дизайна, проекта, направления, ЦА) — это отдельный документ. Дизайнер описывает, как всё устроено, разработчик читает, а через неделю документ устаревает, потому что макеты поменялись. Короче классика. Теперь Specs — это родной файл Figma. Вы пишете спецификацию прямо на холсте, рядом с макетами. И этот контекст видят все: и коллеги, и AI-агенты. Не где-то в google-доках, а там, где идёт работа. Зачем это нужно Чтобы меньше спрашивать «а что тут имелось в виду?» в комментариях. Чтобы спецификация не отставала от дизайна. Чтобы новый человек в команде открыл файл и сразу понял, как всё устроено, — без созвона на час. Плюс пара приятных мелочей: можно писать руками, без агента (и это не тратит AI-кредиты). Функция пока в открытой бете и раскатывается постепенно. У вас может появиться позже, чем у меня. Так что если не видите — это не вы что-то не так делаете, просто ждите. Главная фишка это работа с MCP в нейронке Вот тут самое интересное. Без MCP агент видит картинку. С MCP — понимает, из чего собран интерфейс, и пишет код, который совпадает с дизайн-системой, а не «примерно похож». Первый вариант — для быстрых правок руками. Второй — когда контекста много и перекладывать его вручную уже жалко времени. Связка Specs + MCP будет работать заметно предсказуемее, когда дизайн и код должны совпадать, а не расходиться через месяц. Короче потестим!

Огромный каталог готовых анимаций для вашего сайта. Сейчас на рынке РФ очень много товарищей, которые продают готовые анимации под видом своей собственной разработки. По факту просто-напросто забирают готовые анимации из этого каталога и немного изменив продают. Достаточно подключить по MCP к любой нейронке которая разрабатывает у вас сайт. Потребуется подписка за 8$ в месяц и забудите по нейрослоп. Ссылка: https://21st.dev/