|
/
|
<svg class="w-full h-full" width="96" height="96" viewbox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg"><rect class="group-hover:fill-[#2e6ade] transition-colors" width="96" height="96" rx="24" fill="#4772FF"></rect><path class="group-hover:fill-[#dadce2] transition-colors" fill-rule="evenodd" clip-rule="evenodd" d="M52.2009 22.7105C59.1926 19.5128 66.3271 19.1421 71.8224 22.6566C77.8789 26.5727 80.0133 33.9472 79.9018 40.8208C79.7765 48.5459 76.9889 57.4276 71.6174 65.6872H79.8069V75.8343H16.0942V65.6872H24.3053C24.3586 57.9786 27.0846 49.0868 32.4028 40.8008C37.2862 33.2649 43.9463 26.4858 52.2009 22.7105ZM65.7754 31.9257C63.2113 30.3415 59.3602 30.8165 54.9621 33.3868C49.5032 36.5771 45.152 41.5503 41.7453 46.8044C37.4458 53.4916 35.1762 60.3664 35.0467 65.6872H57.689C63.3808 59.3247 68.0162 51.1301 69.0145 42.5741C69.4378 38.9466 69.223 34.1145 65.7754 31.9257Z" fill="white"></path></svg>
|
|
|
/
|
<div class="item-icon w-8 h-8 transition-colors tablet:w-10 tablet:h-10 rounded-3 flex items-center justify-center bg-background-secondary tablet:group-hover:bg-background text-icon-secondary"><svg aria-hidden="true" width="24px" height="24px" class="z-0"><use href="#icon-fill-24-home" fill="currentColor"></use></svg></div><div class="t-1 item-text">Лента</div><!---->
|
|
|
/rating
|
<div class="item-icon w-8 h-8 transition-colors tablet:w-10 tablet:h-10 rounded-3 flex items-center justify-center bg-background-secondary tablet:group-hover:bg-background text-icon-secondary"><svg aria-hidden="true" width="24px" height="24px" class="z-0"><use href="#icon-fill-24-rating" fill="currentColor"></use></svg></div><div class="t-1 item-text">Рейтинг</div><!---->
|
|
|
/following
|
<div class="item-icon w-8 h-8 transition-colors tablet:w-10 tablet:h-10 rounded-3 flex items-center justify-center bg-background-secondary tablet:group-hover:bg-background text-icon-secondary"><svg aria-hidden="true" width="24px" height="24px" class="z-0"><use href="#icon-fill-24-subscriptions" fill="currentColor"></use></svg></div><div class="t-1 item-text">Подписки</div><!---->
|
|
|
/favorites
|
<div class="item-icon w-8 h-8 transition-colors tablet:w-10 tablet:h-10 rounded-3 flex items-center justify-center bg-background-secondary tablet:group-hover:bg-background text-icon-secondary"><svg aria-hidden="true" width="24px" height="24px" class="z-0"><use href="#icon-fill-24-saved" fill="currentColor"></use></svg></div><div class="t-1 item-text">Избранное</div><!---->
|
|
|
/about
|
О проекте
|
|
|
/ads
|
Реклама
|
|
|
/rules
|
Правила
|
|
|
/feedback
|
Поддержка
|
Запрет в robots.txt
|
|
/rating
|
<div class="h-[21px] tablet:h-[26px] rounded-2 subhead px-[6px] tablet:px-2 flex items-center relative text-text-contrast relative overflow-hidden group user-rank_bronse"><div class="relative z-[2] whitespace-nowrap"> Топ 3</div><div class="absolute transform-gpu user-rank__decal"></div><span class="bg-text opacity-0 group-hover:opacity-15 absolute inset-0 transition-opacity"></span></div>
|
|
|
/about_rating
|
<svg class="w-4 h-4 tablet:w-6 tablet:h-6" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.53148 22.2226V13.6159C8.53148 13.4423 8.39077 13.3016 8.2172 13.3016H3.35199C3.06909 13.3016 2.93021 12.9571 3.13404 12.7609L14.8211 1.5118C15.0208 1.31963 15.3533 1.46112 15.3533 1.73824V9.35283C15.3533 9.52641 15.494 9.66712 15.6676 9.66712H20.6881C20.9656 9.66712 21.1069 10.0005 20.914 10.1999L9.07165 22.4411C8.87522 22.6442 8.53148 22.5051 8.53148 22.2226Z" fill="#FFAA48"></path></svg><span class="subhead">1163</span>
|
|
|
/Relate/49619-flou-i-promptyi-dlya-generatsii-3d-kompozitsii-i-materialov-v-nano-banana
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Флоу и промпты для генерации 3D-композиции и материалов в Nano Banana</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Привет! Я Рустам, дизайнер Relate. В этом уроке рассказываю, как генерировать сцены из нескольких 3D-объектов, работать с материалами, текстурами и освещением в Nano Banana 2, а также значительно упростить работу при сборке таких композиций. </p>
|
|
|
/Relate/49256-sozdajom-maskota-dlya-brenda-s-pomoschyu-neyrosetey-bez-illyustratora-i-3d-moushn-dizaynera
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Создаём маскота для бренда с помощью нейросетей, без иллюстратора и 3D-моушн-дизайнера</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Привет! Я Анита, лид бренд-дизайнер Relate. В этом уроке рассказываю, как создавать маскотов: почему Krea удобно использовать для поиска первых концепций, как доработать выбранный вариант через Nano Banana 2, быстро собрать позы и выражения лица персонажа, а затем оформить результат в концепцию, которую не стыдно показать клиенту.</p>
|
|
|
/Relate/49254-sobiraem-3d-animatsiyu-s-chastitsami-v-claude-bez-znaniya-koda
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-2" data-v-dadd217b="">Собираем 3D-анимацию с частицами в Claude без знания кода</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-2" data-v-dadd217b="">Привет! Я Андрей — UX/UI-дизайнер в Relate. В этом уроке рассказываю, как нагенерить 3D-графику через Claude по скетчам из Figma, интегрировать графику в Webflow через кастомный код и масштабировать подход на любые секции.</p>
|
|
|
/Relate/49140-sdelali-besplatnyiy-intensiv-po-ai-dlya-dizaynerov-a-teper-dumaem-nad-kursom-i-hotim-uslyishat-vas
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Сделали бесплатный интенсив по AI для дизайнеров, а теперь думаем над курсом — и хотим услышать вас</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Такой курс, чтобы учить не профессии дизайнера с нуля. И не генерировать картинки в Midjourney. А чтобы выпускники сразу работали по пайплайну живой студии с регулярными задачами и знали, как оптимизировать каждый шаг с помощью ИИ.</p>
|
|
|
/Relate/47542-tutorial-ot-studii-relate-sozdajom-sobstvennyie-ai-instrumentyi
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Туториал от студии Relate: создаём собственные AI-инструменты</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Это наш пятый и последний туториал из интенсива 5 Tools Related to AI. В нём Арсений, кофаундер и дизайн-директор Relate, показывает, как с помощью Claude создавать собственные AI-инструменты для работы — даже без опыта в разработке.</p>
|
|
|
/Relate/47538-tutorial-ot-studii-relate-avtomatiziruem-dizayn-sistemyi-v-claude-code
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Туториал от студии Relate: автоматизируем дизайн-системы в Claude Code</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Это уже четвертый наш туториал из интенсива 5 Tools Related to AI, впереди ещё один. В этом уроке наш продуктовый дизайн Серёжа показывает, как использовать Figma MCP в Claude Code для ускорения работы с интерфейсами — от переноса готового дизайна на wireframe'ы до автоматизации работы с компонентами и контентом.</p>
|
|
|
/Relate/47537-tutorial-ot-studii-relate-sozdajom-slojnyie-3d-kompozitsii-v-nano-banana-2
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Туториал от студии Relate: создаём сложные 3D-композиции в Nano Banana 2</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Сегодня выходит уже третий наш туториал из интенсива 5 Tools Related to AI, впереди ещё два. В нём Рустам, дизайнер Relate, показывает, как генерировать сцены из нескольких 3D-объектов в Nano Banana 2 и при этом сохранить единое освещение, материалы и композицию.</p>
|
|
|
/Relate/47536-tutorial-ot-studii-relate-sozdajom-maskotov-v-krea
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-2" data-v-dadd217b="">Туториал от студии Relate: создаём маскотов в Krea</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-2" data-v-dadd217b="">Продолжаем наш бесплатный интенсив для дизайнеров 5 Tools Related to AI. Второй урок уже доступен. В нём Анита, лид бренд-дизайнер Relate, показывает, как с помощью Krea пройти весь путь создания маскота — от первых референсов до концепции, которую уже можно показать клиенту. </p>
|
|
|
/Relate/47541-tutorial-ot-studii-relate-sozdajom-3d-grafiku-s-chastitsami-v-claude
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Туториал от студии Relate: создаём 3D-графику с частицами в Claude</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Сегодня стартовал наш бесплатный интенсив для дизайнеров — 5 Tools Related to AI. Первый урок уже доступен — в нем Андрей, UX/UI-дизайнер Relate, показывает, как создавать вариативную 3D-графику с частицами через Claude — без навыков кодинга.</p>
|
|
|
/Relate/47540-besplatnyiy-intensiv-dlya-dizaynerov-ot-studii-relate-5-tools-related-to-ai
|
<div data-seo-h1="" class="h2 mb-2 break-words group-hover:text-text-secondary transition-colors line-clamp-3" data-v-dadd217b="">Бесплатный интенсив для дизайнеров от студии Relate: 5 Tools Related to AI</div><p class="t-1 text-text-secondary mb-2 group-hover:text-text-tertiary transition-colors line-clamp-1" data-v-dadd217b="">Никаких разгонов про AI-first и страшилок в духе «нас всех заменят нейросети». Просто 5 бесплатных туториалов для дизайнеров, чтобы взять инструмент — и использовать его уже сейчас в работе для регулярных задач вроде «надо срочно поменять тысячу стилей у тысячи компонентов».</p>
|
|
Webflow
nginx