Гайд по использованию ИИ-инструментов в UI/UX дизайне
A@ai_productAI-инженер
1 месОбзор инструментов и подходов для создания дизайна веб-сервисов с помощью ИИ: от обучения дизайн-скиллам до выбора моделей под конкретные задачи.
AI Design How-to
Со студентами доводим до продакшена несколько сервисов и везде стоит вопрос дизайна. Все эти нейрослоповые веб-сервисы с зелено-фиолетовыми цветами и квадратиками всплывающими уже набили оскомину. Поэтому советую им такой вариант по росту сложности, но и потенциальному эффекту.
1. Поставить дизайн-скилл. Есть несколько хороших, мне нравятся
https://github.com/Leonxlnx/taste-skill
https://github.com/Nutlope/hallmark
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Можно ставить все 3, можно выбрать лучший для ваших задач (не только сайты, но и документы и презентации, например)
2. Использовать Stitch от гугла для дизайна
https://stitch.withgoogle.com/
Очень гибкая система с огромными лимитами на постройку/переделку сайтов/приложений
3. Просить сгенерировать дизайн ChatGPT
Это один из лучших генераторов картинок на текущий момент и плюс - можно сгенерировать например сотню разных вариантов и потом выбрать лучшие идеи. Лимитов практически нет. Потом просто закинуть в ИИ-ку и попросить сделать вот так
4. Claude Design
Вариант скорее для продакшн и больших студий с готовым брендбуком. Старается максимально следовать вашим гайдам и делать хорошо не только сайты, но и презентации Но для маленьких сервисов и презентаций "на выкинуть" скорее оверил, жрущий лимиты.
Ну и в целом советую поглядывать или закидывать свои задачи на DesignArena и выбирать модель, что работает с вашими типа графики/визуализации лучше.
Вот что на текущий момент получается:
Веб-девелопмент (фронтенд) - GPT Sol
Веб-девелопмент (фулстек) - Fable, Opus
Гейм-девелопмент - Fable
Android dev - Opus
React Native - Opus
SVG - Fable и спец-модель Arrow
ASCII-ART - Fable
Слайды - Fable и Manus
Картинки/графика всех видов - GPT Image и Reve 2.1
Видео - Gemini Omni Flash
Аудио - Gemini
Сервисы для создания приложений с нуля - Replit (неожиданно), Emergent, Anything и только потом Lovable и прочие, в том числе где-то в серединке Figma Make и Canva
https://www.designarena.ai/leaderboard
Кратко (AI)
Автор делится методикой проектирования дизайна для веб-сервисов с использованием ИИ-инструментов. В гайде представлены рекомендации по развитию дизайн-навыков, использованию специализированных платформ вроде Stitch и выбору конкретных моделей для разных задач — от фронтенда до создания видео и аудио.
Обсуждение
0Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖