ГАЙДИК НА ВАЙБКОД ДИЗАЙН 🌟

всех приветствую, сегодня я бы хотел затронуть тему создания дизайна для ваших проектов. Очень часто вижу проекты, где очень хорошо реализована сама идея, но хромает дизайн, написанный иишкой в стиле киберпанк ))

В этом посте я посоветую вам инструменты, которыми сам пользуюсь:

😁Хотел бы начать с v0.dev - Закидываете скриншот интерфейса или описываете промпт — получаете чистую верстку на Tailwind/Shadcn. Я обычно беру код, сохраняю в мдшку и скармливаю своей основной модели (в моем случае Qwen).Идеально для быстрого создания дизайна.

Realtime Colors - инструмент для тех, кто не хочет полчаса подбирать оттенки. Видишь, как меняется вся палитра на макете. Помогает сразу выбрать цветовую палитру для вашего проекта.

Magic UI / Aceternity UI: Библиотеки готовых компонентов. Анимированные сетки, стеклянные карточки и блюр эффекты. Копируешь код, скармливаем иишке— и наш сайт выглядит уже лучше.

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

Nano banana - мне кажется это фаворит для графики. Генерируем в ней уникальные ассеты и фоны. За свои деньги (в подписке Google AI) выдает качество топового уровня и отлично справляется с редактированием изображений.

SketchFab - сайт, где можно найти бесплатные 3д модели для нашего проекта. Достаточно сохранить в удобном формате и скормить модели. Используем если проекту не хватает объема.
Совет: советую просить ии интегрировать их через Three.js. Делаем это для того, чтобы не было проблем с выгрузкой в проект.

То есть мы не просто просим ИИ сделать красиво. Мы пишем в промте: Используй сетку Bento, добавь мягкие градиенты, используй компоненты Shadcn и сделай акцент на типографике Geist( просто как пример ) .

Пользуемся)🌟