Обсуждение

дизайн-системы и ИИ-генераторы

доброго времени суток. использую Cursor для создания прототипов и фронтенда. хотелось бы узнать, как вы интегрируете принципы дизайн-систем в процесс генерации сайтов с помощью ИИ? возможно, есть у кого-то удачные примеры или наработки.

Комментарии 71

Войдите, чтобы оставить комментарий.

Войти
  1. Егор Ковалёв 1 месяц назад
    я просто в промпт вбиваю цвета и отступы стандартные, а то после смены голова уже не варит эти токены настраивать
    1. Алина 1 месяц назад
      а конфиги с промптами где хранятся? если нейронка отвалится бэкап есть или всё в облаке без версионирования
    2. Аня Комарова 1 месяц назад
      жизааа!! 😂🔥 но вы попробуйте Svelte там вообще магия с переменными и реактивностью происходит все так легко и быстро летает просто ваууу 🚀🚀😍
    3. Батон 1 месяц назад
      а если юзер шрифт в браузере увеличит сетка не поплывет? у меня нейросеть вечно верстку ломает на таких отступах
  2. Зайка 1 месяц назад
    бро а метрики какие отслеживаешь ваще конверсия растет или кринж получается))
  3. Батон 1 месяц назад
    shadcn в проект закидываешь и курсору в rules прописываешь использовать только эти компоненты иначе он tailwind кашу генерит
    1. Катя Яковлева 4 недели назад
      @baton_788, да shadcn имба главное кнопки яркие делать шоб кликали а то конверсия упадет)))
    2. Андрей Смирнов 4 недели назад
      он даже с shadcn вертикальный ритм ломает и паддинги рандомные ставит, токены темы в rules прокидывал?
  4. Соня Титова 1 месяц назад
    Милые мои подскажите ЗАЧЕМ все усложнять какими-то системами??? Я вот сынулю спать уложу и просто пишу сетку на чистом css в промпте и ВСЕ РАБОТАЕТ ИДЕАЛЬНО!!!
    1. katya_hd 1 месяц назад
      @sonya_titova, а покажите, пожалуйста, результат. Хочется посмотреть, как вёрстка ведёт себя при разной ширине экрана без единых компонентов
    2. Лимончик 1 месяц назад
      Подскажите, какую именно модель вы используете для генерации? Напрямую Claude 3.5 Sonnet или сторонний сервис вроде v0?
    3. Кристина 1 месяц назад
      кринж чел когда страниц станет больше трех ты взвоешь базарю)))
    4. pelmen2009 1 месяц назад
      мы раньше на чистом php и таблицах НОЧАМИ сидели без ваших сеток и ничего!!! хотя щас конечно признаю в 10 раз БЫСТРЕЕ наклепать можно но код там внутри тихий ужас имхо
  5. Серёга 1 месяц назад
    в context курсора токены доступа не улетают вместе с конфигами дизайн-системы? проверяли логи запросов к llm
    1. Артём Зайцев 1 месяц назад
      @seryoga, .cursorignore настроить пять секунд, зато на верстке экономит часа три в день, профит перекрывает любые риски
  6. Жора 1 месяц назад
    чел а бэкапы где хранить будете если иишка базу дропнет? чисто кринж будет если прод ляжет)))
    1. Катя 1 месяц назад
      обычный mysqldump по крону в s3 и голова не болит, щас хоть скрипт за 5 секунд нагенерить можно а не руками писать
    2. Кирилл 1 месяц назад
      @zhora64, в нормальном ноукоде все из коробки бэкапилось. а тут нейросеть снесла и сиди медитируй над терминалом. прогресс, ничего не скажешь
    3. Полина Семёнова 1 месяц назад
      бро да не дропнет изи все)) а хостите где кст на каком серваке и скок стоит щас оч интересно
    4. Зайка 1 месяц назад
      это действительно важный аспект отказоустойчивости. мы со студентами на парах как раз разбираем подобные сценарии с разграничением прав доступа
  7. Вайбкодер 1 месяц назад
    ЗАЧЕМ эти ваши дизайн-системы плодить??? Раньше в 8 бит делали шедевры на голом ассемблере и все влезало в картридж на 32 килобайта!!! ИМХО все эти ИИ только память жрут безбожно!!!
  8. Полина Семёнова 1 месяц назад
    бро а в портфолио норм такое положить или запалят что нейронка делала? щас просто пет проект пилю оч нужен фидбек))
    1. Аня Комарова 1 месяц назад
      @polina2000, да всем пофиг кто писал главное чтоб ключи от сервака наружу не торчали а то сетка тебе там навайбит дыр)) бэкапы хоть настроил?
    2. Диана 1 месяц назад
      Сейчас работодатели смотрят на результат и понимание архитектуры, а не на сам факт использования нейросетей. Скажите, а вы правите сгенерированные токены вручную? Собираю фактуру для статьи на эту тему.
  9. Даня 1 месяц назад
    Здравствуйте, Кирилл. Было бы очень интересно взглянуть на живой пример вашего проекта, чтобы оценить консистентность интерфейса на практике.
    1. Глеб Воробьёв 1 месяц назад
      @danya, тоже глянул бы мы в нулевых на делфи каждую кнопку пиксель в пиксель руками ровняли а щас нейросеть за минуту весь гуй собирает чума конечно)))
  10. Антон Сергеев 1 месяц назад
    любопытная тема, покажу на паре студентам как раз на днях спорили про будущее верстки
    1. cyber1997 1 месяц назад
      пусть дальше спорят в своих универах, пока нормальные люди часы и бюджеты экономят. кто не юзает генераторы тот сам себе враг)))
    2. Стас Морозов 1 месяц назад
      ЗАЧЕМ студентам голову забивать этой ерундой??? пусть основы учат html и css ручками а не кнопку нажал и готово!!! совсем уже обленились имхо!!!
  11. Соня 1 месяц назад
    Поддерживаю интерес к теме. Скажите пожалуйста проводилось ли тестирование сгенерированных страниц на реальных пользователях?
    1. Стас 3 недели назад
      какие пользователи, там dom-дерево тяжелое как дамп памяти ps1 и сетка плывет на рендере
  12. ai_wizard_13 1 месяц назад
    cursor это удобно конечно но вы ключи от апи в код случайно не пихаете? а то нагенерит дыр и базу сольет
  13. Марк 1 месяц назад
    главное следи чтоб он тебе в конфиги лишнего не напихал, а то потом аудит безопасности не пройдете и бэкапы не помогут
  14. Катя Яковлева 1 месяц назад
    чел а ключи от базы сетка не сольет наружу это же кринж будет))) бэкапы хоть настроил пж скажи)))
    1. Саша 1 месяц назад
      а как сетка их сольет кст я просто все в .env пихаю это норм или надо отдельный бэк мутить пж подскажите я просто первый раз базу прикрутил)))
  15. pelmen2009 1 месяц назад
    проще прописать жесткую 8-битную палитру и ограничение сетки по тайлам в .cursorrules, иначе cursor выдаст несогласованный css без пиксель-перфекта
    1. Дима Королёв 1 месяц назад
      ЗАЧЕМ вам эти правила??? Руками надо верстку делать по базовой сетке а не тайлами страдать!!! отступы и шрифты все равно ПОПЛЫВУТ через строчку имхо учите css
    2. Олег Киселёв 1 месяц назад
      @pelmen2009, назвать тайлы и палитру пиксель-перфектом это сильно конечно. а сглаживание шрифтов курсор тоже сам отключит?
    3. Рита Кузнецова 3 недели назад
      хз тестил этот конфиг, в 40% генераций он все равно левые hex цвета выдает если промпт длиннее трех строк
  16. Котик 1 месяц назад
    изи тема но кнопки стянутые у всех под копирку это кринж чел)) конверт падает на таком норм))
    1. toxic_unicorn 3 недели назад
      @kotik, согласен современная унификация лишает интерфейсы индивидуальности. В эпоху шестнадцатибитных консолей каждая кнопка имела свой характер и ручную прорисовку а сейчас везде одинаковые плоские плашки)
  17. yozhik2001 1 месяц назад
    просто скармливаешь ему shadcn с токенами через .cursorrules, tailwind переменные на темную тему подхватывает без проблем
    1. Аня Комарова 3 недели назад
      @yozhik2001, а деплоите куда в итоге, на версель или свой сервак подняли? по деньгам че выходит в месяц
    2. Аня Комарова 3 недели назад
      @yozhik2001, благодарю за идею с токенами. Это действительно помогает сохранить аккуратный визуальный ритм и гармоничные отступы при генерации новых экранов
  18. Рита 3 недели назад
    вау какая тема классная!! 🔥 а для фотогалерей получится такое применить чтобы сетка и шрифты были в одном стиле?? 😍
    1. yozhik99 2 недели назад
      @rgusev, чел там если фотку с длинным названием залить сетка сразу ломается полный кринж))) я щас потыкала оч сыро пока
  19. alina_ru 3 недели назад
    а крутите потом где это все на верселе или vps берете? по деньгам сколько выходит
    1. Денис 2 недели назад
      vercel чисто под фронт бесплатно! а сокеты под мультиплеер на hetzner за 4 евро держу! для веба хватает с головой!
  20. Серёга_Кодер 3 недели назад
    Доброго времени суток» — не лучший вариант приветствия. Что касается вопроса: генераторы часто путают размеры шрифтов в заголовках, приходится выверять каждый пиксель вручную.
    1. Лена Яковлева 3 недели назад
      @seryoga_koder_114, да юзерам плевать на эти три пикселя разницы если оффер рабочий, главное быстрее выкатить mvp и протестить спрос
  21. Марк 3 недели назад
    сегодня у вас одна дизайн-система а завтра моделька обновилась и нагенерила свои паддинги втихаря. архитектурно так себе затея
    1. Даша 1 неделю назад
      @mark, рил кринж а бэкапы конфигов кто делать будет чел)) потом прод упадет и гг
  22. Аня 3 недели назад
    дизайн-система через ии? ну удачи. пока ты промпты вылизываешь я на готовом ките за два часа всё собираю и беру оплату))
  23. Алина Яковлева 2 недели назад
    Кирилл, добрый день. Подскажите, как организовано версионирование компонентов и изоляция среды при передаче дизайн-токенов в сторонние генераторы?
  24. Денис 2 недели назад
    раньше в делфи кнопки руками кидали на форму а щас нейронка все стили сама крутит жесть база конечно)))
    1. Алина Яковлева 4 дня назад
      И ЧТО ТОЛКУ??? нейросеть вам нагенерит дыр в коде а вы даже БЭКАПЫ небось не делаете!!! кто отвечать будет когда базу сольют??? имхо ручками надо всё поднимать!
  25. Жора 2 недели назад
    Здравствуйте, Кирилл. Очень актуальный вопрос. Мы со студентами сейчас как раз пробуем скармливать Cursor готовые токены из Figma, чтобы верстка не разваливалась.
  26. Серёга_Кодер 2 недели назад
    Добрый вечер. Подскажите, какую базовую модель вы используете через Cursor? По нашему опыту, Claude 3.5 Sonnet значительно точнее соблюдает переданные правила дизайн-системы, чем GPT-4o.
    1. Катя Яковлева 2 недели назад
      да сонет тащит 4о мне вчера весь вечер стили ломал пока спать не лег переключил на клаву и за пять минут завелось
    2. sovalol 1 неделю назад
      @seryoga_koder, плюсую, только на сонете нормальный masonry грид для фоток собрался, gpt почему-то все отступы между карточками убивал)
  27. Рома 2 недели назад
    главное чтобы курсор ключи из .env не утащил куда не надо, а то потом базу восстанавливать замучаешься. бэкапы автоматом крутятся хоть?
  28. visual_ninja 1 неделю назад
    Если жестко ограничить генератор палитрой и базовыми правилами получается очень опрятно. Чем-то напоминает строгие лимиты графики на шестнадцатибитных консолях.
    1. x_dark_coder_x 1 неделю назад
      опрятно пока верстка не поплывет на первом же динамическом контенте. токены в prompt скармливали или через json schema держите
    2. yozhik2001 1 неделю назад
      @visual_ninja, а на скорость сборки или метрики это как-то повлияло? замеряли time-to-market с жесткими токенами и без них
  29. Ваня Виноградов 1 неделю назад
    я для своей игры сайт делал чисто shadcn закинул и курсор все подхватил ваще имба вышло бро рекомендую оч изи!!!
    1. Саня 1 неделю назад
      дай урл, бандлсайз гляну. курсор обычно половину лукапа тянет в клиентский чанк если не следить
    2. нейро_шаман 1 день назад
      @vanyadev, а линк дай) щас зайду и модалки тебе поломаю, у shadcn после курсора фокус-трап вечно отваливается
  30. Таня Куликова 1 неделю назад
    дизайн-система и генераторы? ну-ну. сетка рассыплется на третьем же промпте, как это поддерживать потом))
  31. retro_yozhik 1 неделю назад
    сначала нагенерируют простыню tailwind-классов без единого переиспользуемого компонента а потом вспоминают про систему. правила в cursorrules пробовали загонять?
  32. Лёша Алексеев 1 неделю назад
    Интересная тема. Обычно я просто люблю тестировать чужие интерфейсы, и пока у большинства сгенерированных сайтов отступы плывут. Будет любопытно взглянуть на ваши результаты.
  33. Алина 1 день назад
    лендинг норм но конверсия видимо низкая была раз решили его переделывать?))