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

Яркий шаблон с неоновой эстетикой, динамичной подачей контента и удобной навигацией. Поможет эффектно рассказать о вашем компьютерном клубе, игровых зонах, тарифах, мероприятиях и преимуществах для посетителей. Посмотрите, как выглядит новый шаблон 👉 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-иконок — здесь почти все логотипы брендов, компаний и сервисов (в цвете и чб).
Забрать тут 🔥
Как вы проводите свои выходные?😊
Я занимался практической (полицейской) стрельбой где-то года полтора. Настрел около 10 000 патронов. Не знаю, где этот опыт пригодится, но все же😅 Обычно, если чем-то занимаюсь то плотно и несколько лет. Сейчас мое хобби это утопия. Например, в этот момент планирую задачи команды на следующую неделю. Мы готовим больше обновление, будут персонажи, стили, библиотека промптов и тд.
Как я пытаюсь выстроить связку Figma + Claude (часть 1)
Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!