🔔 Открыто задание для участников Tilda Template Fest — https://video.tilda.ru/template-fest-2026">https://video.tilda.ru/template-fest-2026#task

Tilda Template Fest — это конкурс шаблонов для тех, кто хочет попасть в библиотеку Тильды и показать себя. Краткие условия участия: 1️⃣ Выполненную работу необходимо прислать до 8 июля 23:59 через форму на странице конкурса. 2️⃣ Результат нужно отправить в виде ссылки на опубликованный сайт, созданный в Тильде. Ссылки на макеты из графического редактора не принимаются. 3️⃣ После окончания приёма заявок вносить изменения в содержание или внешний вид сайта запрещено. Если страница будет переопубликована после истечения дедлайна, организаторы имеют право дисквалифицировать участника, даже если изменения не вносились. 4️⃣ Один участник может прислать до 10 работ. 5️⃣ Победителей объявим в прямом эфире 15 июля в 15:00 по московскому времени. Ссылку на трансляцию пришлём в боте. Подробные условия участия и информацию о призах смотрите по ссылке: https://video.tilda.ru/template-fest-2026">https://video.tilda.ru/template-fest-2026 Удачи! 🤩

AI и большая дизайн-система

Знакомая боль: просишь агента собрать экран по твоей ДС. На первый взгляд всё аккуратно. Потом смотришь ближе: компонент не из библиотеки, цвет левый, отступы странные, состояние придумано на ходу. И уже проще руками пересобрать, чем чинить за ним. С маленькой библиотекой это ещё можно пережить. В большой ДС начинается цирк: сотни компонентов, варианты, токены, состояния, правила. Команда годами всё это собирала, а агент ведёт себя так, будто открыл первый попавшийся файл и начал импровизировать. Без подготовки он просто угадывает. Ему нужно нормально объяснить систему: где компоненты, какие состояния существуют, какие правила важны, что брать в первую очередь. Иначе зрелая дизайн-система превращается для AI в красивую папку, которую он почти не понимает. 😇 24 июня в 18:00 мск Даниил Шишко из Pixel Perfect покажет, как это настроить. Возьмёт одну из самых больших публичных дизайн-систем, подключит её к агенту и соберёт экраны прямо на эфире. Тем, кто будет онлайн, Даниил отдаст скилл, который сканирует дизайн-систему и готовит её к работе с агентом. То есть можно будет взять свою ДС и повторить у себя. Если у вас агент тоже каждый раз «немного дизайнер» и тащит в макет свои компоненты, я бы посмотрел. AI-навыки уже всё чаще всплывают в вакансиях, и лучше разобраться с этим сейчас, пока все ещё пытаются понять, как оно вообще должно работать. 🔠 Эфир в канале 🔠 Эфир в канале

🆕 Компьютерный клуб — новый базовый шаблон

Яркий шаблон с неоновой эстетикой, динамичной подачей контента и удобной навигацией. Поможет эффектно рассказать о вашем компьютерном клубе, игровых зонах, тарифах, мероприятиях и преимуществах для посетителей. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/gamingclubru При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🎮 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬

В 2026 году знание о мозге внезапно стало знанием о LLM

Когда пользователь смотрит на экран, его мозг воспринимает не интерфейс, а собственную интерпретацию интерфейса, собранную из ожиданий, настроения и десятков когнитивных искажений. Дизайнер, который этого не понимает, проектирует для человека, которого не существует. Рассмотрим пару конкретных примеров, чтобы стало нагляднее: ◆ Якорение Первая цифра на странице с тарифами становится точкой отсчёта для всего остального: 99 долларов кажутся дорогими рядом с 19 и дешёвыми рядом с 299. Канеман и Тверски ещё в 1974 году показали, что эффект работает даже когда люди знают о случайности числа. Дизайнер либо использует якорь сознательно, либо делает его случайным. ◆ Эффект простой экспозиции Чем чаще пользователь видит элемент, тем больше ему доверяет. Роберт Зайонц задокументировал это ещё в 60-х. Поэтому редизайн знакомого продукта почти всегда вызывает волну негатива в первую неделю: пользователи ещё не успели его «увидеть» достаточно раз. Это меняет то, как вы читаете первые метрики после релиза. Эти искажения не баг, это способ, которым мозг экономит ресурсы. Задача дизайнера, понимать, какие из них активируются конкретным экраном, и проектировать с учётом этого, а не против. А теперь самое любопытное. В последние пару лет выяснилось, что ровно те же искажения есть у LLM. Якорение, это когда модель привязывается к первой формулировке в промте так же, как пользователь — к первому тарифу. Эффект простой экспозиции проявляется у ИИ после обучения. Модель часто видела какое-то утверждение в обучающих данных, и уверенно его повторяет. В марте этого года Стэнфорд опубликовал исследование в Science, подтверждающее ещё одно знакомое искажение: лестные ответы ИИ кажутся людям более достоверными, и модели быстро учатся отвечать именно так. Логика та же, что у людей: модель училась на человеческой обратной связи, а та сама искажена. Это означает простую вещь. Когда вы изучаете когнитивные искажения, вы одновременно изучаете и пользователя, и LLM, с которыми работаете каждый день. Дизайнер, который их понимает, читает поведение модели почти так же уверенно, как поведение пользователя. Это, пожалуй, самый практичный аргумент в пользу того, чтобы наконец сесть и разобраться с биасами всерьёз. На канале KeepSimple мы регулярно разбираем такие исследования. А если хочется копнуть глубже, гляньте uxcore.io — крупнейшая в мире библиотека когнитивных искажений и их применения в продуктовом дизайне. #коллаба 🍑Явно.Дизайн
theSVG
Бесплатная библиотека логотипов и векторных иконок. Включает в себя актуальные наборы AWS, Microsoft Azure, Google Cloud и Kubernetes. Иконки можно скопировать, скачать или экспортировать в другие форматы (PNG, JPG, WebP). 6100+ иконок SVG, PNG, JPG, WebP 🔗 thesvg.org #иконки #ссылки #2k26
Сегодня, оказывается, день блогера. Если честно, всегда ужасно не любила этого слова, не воспринимала тех, кого так называют, всерьез, до тех пор, пока не стала знакомиться, пересекаться, сотрудничать и дружить с коллегами админами-дизайн каналов.
Оказалось, что за ними стоят серьезнейшие профессионалы: журналисты и исследователи, дизайнеры и архитекторы, преподаватели и музейные кураторы, люди жутко жадные до знаний и новостей. А главное желающие делиться тем интересным, что для себя открыли. Рада оказаться частью этого образованного, любознательного и щедрого сообщества. Мы собрали свои каналы в папку-библиотеку PRO DESIGN. Подписывайтесь, здесь много хорошего!
Avatar Library — библиотека для создания качественных аватаров прямо внутри Figma или Sketch.
drawer.design/products/avatar-library
🙂 Шрифты Паратайпа в CapCut
Кто делает контент о шрифтах, знает — самый частый запрос на тему букв звучит так: «шрифты для капкат». И теперь 33 начертания из нашей библиотеки доступны в CapCut, чтобы вы могли использовать любимую Circe Contrast в своих проектах! Какие шрифты можно найти в приложении: Bloc Bodoni PT CirceContrast DIN Condensed Engravers Gothic FrizQuadrata Futura PT ITC Bauhaus ITC Garamond ITC Kabel Krok Laguna Liana Magistral Mojito Motter Tektura Rodchenko Six Hands Stapel PT Sans PT Mono Берите себе и расскажите всем знакомым рилсмейкерам 🐶 P.S. Приложение забавно локализует названия. Поэтому ищите Цирцею Контрастную и Шесть рук!
🙂 Шрифты Паратайпа в CapCut
Кто делает контент о шрифтах, знает — самый частый запрос на тему букв звучит так: «шрифты для капкат». И теперь 33 начертания из нашей библиотеки доступны в CapCut, чтобы вы могли использовать любимую Circe Contrast в своих проектах! Какие шрифты можно найти в приложении: Bloc Bodoni PT CirceContrast DIN Condensed Engravers Gothic FrizQuadrata Futura PT ITC Bauhaus ITC Garamond ITC Kabel Krok Laguna Liana Magistral Mojito Motter Tektura Rodchenko Six Hands Stapel PT Sans PT Mono Берите себе и расскажите всем знакомым рилсмейкерам 🐶 P.S. Приложение забавно локализует названия. Поэтому ищите Цирцею Контрастную и Шесть рук!
Ребята, как думаете окуенно, что ваш сенсей делает свой продукт?
➡️ Минутка гордости: • Несколько тысяч платных пользователей; • Среди клиентов известная соцсеть и банк — у нас удобный личный кабинет для корп. клиентов; • Мы — единственный официальный партнер Bytedance в России (это те, кто создал TikTok и авторы лучшей ИИ для видео Seedance 2); • Утопия получила серьезные инвестиции; • Сейчас делаем новую версию, где будет командная работа, проекты, Ноды и холст. В планах сделать это в течение лета; • Выкатываем обновления каждую неделю. И порция уроков вперемешку с обновлениями. За последние две недели вышли следующие функции: 1️⃣ Возможности Claude в Utopy.ai – смотреть видео 2️⃣ Управление светом и камерой – смотреть видео 3️⃣ Обновление раздела Создание вектора – смотреть видео ➡️ Тестировать здесь Еще планируем добавить в этом месяце: • раздел аудио; • добавление стилей персонажей, цветов; • настройки камеры; • библиотеку промтов и т.д. Вот что я считаю по-настоящему потерять продуктовую девственность😅 Скажем так, проверить свои навыки на прочность. Вложить все свои средства, потому что уверен в себе и в том, что делаешь. И мы каждый месяц органически растем, за что низкий поклон нашим пользователям 🤗
🆕 Приют для животных — новый базовый шаблон
Универсальный шаблон в тёплой дружелюбной стилистике с крупной типографикой и продуманной структурой контента. Отлично подойдёт для благотворительного фонда, волонтёрского проекта или любой организации, которая помогает питомцам находить новый дом. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/animalshelter При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🐾 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬
Ресурсы для поиска референсов by wayup.in.official
One Page Love — тут вы найдёте галерею одностраничных веб-сайтов для вдохновения. Commerce Cream — здесь вас ждут стильные проекты интернет магазинчиков. Mobbin — классные референсы мобильных приложений. Curated Design — курируемая библиотека веб-сайтов с сортировкой по категориям. Land Book — ещё одно место, куда приходят дизайнеры за вдохновением. #подборка #вдохновение
🎉 Tilda Template Fest 2026
24 июня стартует новый конкурс для тех, кто хочет заявить о себе и попасть со своим проектом в библиотеку шаблонов Тильды. Авторов лучших работ ждут денежные призы, фирменный мерч или подписка на платформу. Кто может участвовать: Новички и профессионалы, дизайнеры и просто те, кто любит создавать сайты — любой может попробовать свои силы! А чтобы подготовиться к старту, посмотрите короткое видео. В нем рассказываем, как проходит оценка работ, на что обращает внимание жюри и что важно учесть при подготовке сайта⬇️ 📱 VK Видео: https://vkvideo.ru/video-89546664_456240561 📺 Youtube: https://youtu.be/UMjLopUFFxM Делитесь в комментариях, будете ли участвовать в новом конкурсе? 💬
Дизайн-система через Claude Code
Я никогда не любил работать с ДС и компонентами, особенно, когда АИ ещё не было в целом. Дизайн-система это такая штука, которая никогда не заканчивается. Сегодня добавили новый компонент, завтра поменяли состояние, потом где-то в продукте уже уехала версия, а в библиотеке всё ещё живёт старый вариант. И начинается обычная рутина. Проверить состояния. Сверить компоненты. Понять, что отстало от продакшна. Поправить в нескольких местах. Убедиться, что дизайнеры не разнесли всё по разным файлам. Работа важная, но максимально не самая весёлая) И вот это как раз очень похоже на задачу, которую можно отдавать AI-агенту. Не творческую часть, где надо думать головой, а именно поддержку порядка: сверять, находить расхождения, подтягивать правила, дополнять состояния, помогать не превращать ДС в свалку. Даниил из Pixel Perfect 3 июня в 18:00 мск покажет, как это работает на практике. Будет не учебный кейс, а живой AI SaaS-стартап для голосовых агентов. Он соберёт дизайн-систему через Claude Code и Figma MCP, а потом на её базе сверстает экраны продукта. 😎 Что будет полезного Покажет, как собирать ДС через Claude Code и Figma MCP, даст 4 скилла для Claude Code под сборку и поддержку своей дизайн-системы, и разберёт, какую рутину реально можно отдать агенту. Если работаете с дизайн-системами или просто устали руками вылавливать одни и те же расхождения залетайте посмотреть. Ща отставать уже не модно, нужно быть в трендах инструментов и снимать с себя кучу рутины ✨ Эфир пройдёт в канале, приходите Кстати, кто уже занимается ДС через клод, какой у вас пайплайн? Как работаете? 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила
🧩 Какой способ управления размерами иконок в дизайн-системе реально работает
Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Design Icons by rd
Большая библиотека стильных иконок из более чем 1200 элементов. 📀Скачать иконки📀 #иконки
Sapiens — большая бесплатная библиотека иллюстраций с возможностью их кастомизации и экспортом в SVG/PNG.
sapiens.ui8.net
Минутка технологий:
Разработчик Andrew Prifer подготовил библиотеку решений для переноса эффектов Liquid Glass в веб. https://github.com/AndrewPrifer/liquid-dom https://liquid-dom-showcase.vercel.app/
Курируемая библиотека мобильных интерфейсов.
Ищите вдохновение и качайте визуальную насмотренность.
Принесли Вам ОГРОМНУЮ библиотеку в 6000 векторных SVG-иконок — здесь почти все логотипы брендов, компаний и сервисов (в цвете и чб).
Забрать тут 🔥