Claude Opus 4.6 возглавил рейтинг ИИ-дизайна. Всего модели Anthropic держат 3 места в топ-5

[Bardakan]

эти графики не учитывают того, что например, Kimi сейчас доступна бесплатно, что делает ее более привлекательной для разработки, чем Claude Opus

[Dmitriila]

Почему бенч по UI должен учитывать деньги?

Тут бенч конкретно про UI и не более

[gmtd]

Где она бесплатна?

[Bardakan]

OpenCode:

[gmtd]

А это неправда, что ли?

[Bardakan]

прочитайте внимательно - ваша инструкция для использования Zen с любым агентом, а я говорю про OpenCode.
А еще для доступа к бесплатным моделям вам потребуется vpn

[vpgromov]

Claude Opus доступен бесплатно в Antigravity)

[vpgromov]

Я при разработке заметил, как работают ИИ с дизайном, но все-таки пришел к тому, чтобы самому в первую очередь делать компоненты, а потом внедрять их в сайт. Конечно же, все компоненты проектирует он — отступы, типографию, размеры элементов. Я лишь говорю, какой элемент я хочу, что на нем должно быть, а затем реализую в фигме, чтобы предварительно посмотреть и затем уже внедрить в разработку

Из лафхаков, сгенерируйте сразу переменные:

• Размеры отступов

• Размеры кнопок

• Цвета системы

• Семантические цвета

• Типографию

• Стили кнопок (default, outlined, ghost)

  • Состояния кнопок: default, active, hover, disabled

  • Семантические состояния: default, success, destructive

• Тени (цвета и размеры)

• Поля, их состояния

• Радиусы закруглений элементов

Это базовые такие элементы, далее по необходимости другие. Все это делается в фигме через variables, далее экспортируется, загружается в ИИ и он применяет все это. Сделав это один раз, уделив этому пару часов, вы избавитесь от головной на весь проект в дальнейшем. Если не ввести переменные, он будет клепать каждый раз как хочет

Можно, конечно, сразу просить его сгенерировать это все в CSS, но по моему опыту лучше делать через фигму, чтобы проверить результат

Из преимуществ, можно еще использовать MCP фигмы, он неплохо справляется, но все равно косячит. Иногда по скриншоту даже лучше делает, чем через MCP

Для надежности я еще Storybook поднимаю, чтобы это все контроллировать на уровне компонентов системы
-----

Понимаю, может это для кого-то очевидно, но я в первое время пропускал этот момент и приходилось много чего переделывать. Может кому-то этот комментарий и поможет

Ну и я не дизайнер, конечно же, поэтому все делаю только с помощью ИИ — остальное насмотренность на принтересте

[evg_dc]

а разработка на Next.js ? или для вайбкодинга Vue лучше?

[vpgromov]

Я просто выбрал React. Насчет технологий я не особо разбираюсь, где что применимо, но чисто по разговорам с фронтендерами Vue подходит больше для небольших проектов

Так еще стоит говорить ИИ, чтобы использовал библиотеки, если вы делаете что-то специфичное. В остальном он сам выберет. Я, например, делал визвиг и вместо того, чтобы подобрать какую-то опенсорсную альтернативу, он начал пилить с нуля. В целом, меня это устраивает, так больше гибкости, а для него написать особой проблемы нет

[zede]

Vue себя отлично показывает на небольших проектах, но и на огромных сейчас он по скейлингу значительно лучше React (перф выше, работа гибче, подходы мощнее).

Поэтому хватит уже годами носить мантры с 2018-ого про "небольшие проекты", мир уже изменился. А статьи все еще перепечатывают старые заголовки (просто так удобнее в голове разложить, но вот истины за этим нет)

[vpgromov]

Я не спорю, может быть и так. Мне технология была не так важна, а в работе выбирать ее не приходится: что дали с тем и работай)

Поизучаю вопрос, конечно, но не думаю, что прям большая разница в выборе есть

[FSmile]

• Так слона надо как-то продавать