Фотография
нажмите — покажем
нажмите — покажем
Фотография
нажмите — покажем
нажмите — покажем
Фотография
нажмите — покажем
нажмите — покажем
Фотография
нажмите — покажем
нажмите — покажем
Когда не очень хочется корпеть над версткой UI можно попробовать сгенерировать макет c AI помощником, править все равно придется, но для MVP сильно экономит время.
Для этого возможно воспользоваться следующими сервисами.
https://v0.dev/ – генерирует готовые React + Tailwind страницы по твоему текстовому запросу, отлично для быстрых прототипов UI. Справляется со svelte.
Личные впечатления:
Очень не плох предпочитаю его. Хорошо понимает svelte.
Бесплатные ограничения - ограничение по кредитам 5$ на месяц, а не по числу запросов. В принципе не часто пользуюсь и мне хватает.
https://lovable.dev/ – «стартап в коробке»: создаёт фронтенд, бэкенд, авторизацию и деплой из одного описания, удобно для MVP.
Личные впечатления:
бесплатно 5 генераций в день. Чудит, путает фреймворки. Требует четких XML инструкций и ограничений в промте. Для бакенда не юзал
https://21st.dev/home – библиотека готовых React + Tailwind компонентов с AI-генератором фрагментов, спасает, когда нужна конкретная UI-деталь.
Пока не пользовался, но есть в закладках.
У AI-агента 5 бесплатных генераций в Magic Chat и 5 бесплатных в Magic MCP; остальные фичи (UI Inspirations, SVG Logo) — безлимитно
https://aurachat.io/ – преобразует текстовое описание в дизайн-макеты с экспортом в HTML/CSS и Figma, подходит для визуальных лендингов.
Free план даёт 5 стандартных сообщений в день для генерации макетов и кода
Тоже пока в закладках.
в общем и целом подобные помощники сокращают затраты времени на рутину, но порой добавляют времени на правки и приведение всего к привычному вам стилю.
Как я использую: Пишу сам требуемые root css переменные (цвета, скругления, бордюры и прочую мелочь) понятно для ИИ их обзывая), затем описываю в XML инструкции, что именно надо и в каком виде, ограничения, даю переменные css, требуемый стиль или можно скинуть готовый скрин макета или нескольких для каждой страницы и в общем-то смотрю на результат, далее перегенерация или уже ручные правки.
@DevsRoot
8 · 206 ·