Разработчик Нил Агарвал создал сайт Size of Life, на котором можно сравнить размеры живых организмов — от клетки ДНК до синего кита.

Все иллюстрации отрисованы вручную без использования ИИ. Палеохудожник Юлиус Чсотони потратил 5 месяцев на создание более 60 рисунков.

Впервые в истории турнир с 48 командами станет более доступным 💜 Сурдоперевод Опять же впервые в истории FIFA трансляция с сурдопереводом на каждом матче. Это иммерсивный опыт для глухих и слабослышащих болельщиков: переводчики передают не только игровые моменты, но и ключевые звуковые сигналы — свистки арбитра, рёв трибун, эмоциональные сдвиги атмосферы, — чтобы зрители чувствовали каждый момент в реальном времени. Всё это живёт в официальной аппке FIFA World Cup 2026™. Я хотела протестировать её на доступность, но она недоступна в рф. Субтитры На стадионах они идут на бегущих строках, табло и экранах, плюс по ссылкам в приложении — для тех, кто хочет следить за голосовым контентом во время матча. Хаптика Это доска размером с планшет с рельефной схемой поля. Кладёшь пальцы на поверхность и следишь за игрой на ощупь: по схеме движется магнитное кольцо — мяч, а у каждого события свой паттерн вибрации — пас, подкат, удар. Незрячий болельщик буквально чувствует игру: где мяч, в какую сторону атака, гол. Будут на стадионах в Далласе, Нью-Йорке, Сиэтле и Ванкувере. Сенсорные пакеты и сенсорные комнаты На каждом стадионе будут доступны сенсорные пакеты с шумоподавляющими наушниками, fidget-инструментами и средствами коммуникации. Также будет оборудована сенсорная комната с приглушённым освещением, звукоизоляцией, тактильными арт-объектами и мягкими сиденьями. Моя дочка устаёт от шума, и для нас такие комнаты — огромное спасение. Когда вокруг 50 тысяч кричащих людей, возможность выйти на десять минут в тихое место, выдохнуть и вернуться к игре — спасает от побега с игры ) Официальное приложение турнира тоже сделано с учётом доступности — обещают регулируемый размер шрифта, настройку цветового контраста и субтитры к видео. Ну вот это я проверить не могу. Если вы не в рф, качните, гляньте, что там. И если несложно, напишите в комментах, как всё реализовано на самом деле. Очень интересно ) На сайте FIFA посмотрела быстро: работает со скринридером (но нужно тщательнее проверять), альты прописаны, даже есть изображения в разных размерах, значит сайт быстрее загрузится, контрастность гуд, таб работает, зуммируется все прекрасно, текст не обрезается. И знаете, это большая работа. Просто молодцы! За кого болеть будем? ⚽️

Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации. Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить. Внутри: – Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели; – Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе; – Зачем дизайн-системе нужны глобальный, брендовый и семантический слои; – Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой; – Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы; – Почему кнопка стала хорошей проверкой всей токенной архитектуры; – Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками; ➡️ Читать статью (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Фигма 28 мая выкатила важный апдейт Make: теперь инструмент можно подключить к локальной кодовой базе. Открываешь существующий проект, выбираешь элемент на экране, правишь свойства, отступы, цвет, размер, раскладку, а агент уже находит нужное место в коде и вносит изменения. Пока это ограниченная бета в десктопном приложении для Mac. И сама Фигма честно пишет, что лучше всего это подойдёт дизайнерам, у которых уже есть доступ к кодовой базе компании. Раньше вайбкодинг в дизайне чаще был про быстрый черновик. Собрал экран, показал идею, выбросил половину, что-то утащил в работу. Вроде полезно, но всё равно чуть отдельно от настоящего продукта. А теперь Фигма Make пытается работать с тем местом, где продукт уже живёт. Самый важный вопрос теперь: кто имеет право двигать кнопку, если эта кнопка уже в коде? Потому что визуальная правка реального интерфейса звучит очень соблазнительно. Увидел, что отступ кривой, выбрал блок, поправил. Текст не тот, поменял. Цвет уехал, вернул. Не надо писать разработчику «можешь тут 8 пикселей вместо 12», ждать, объяснять, показывать скрин, потом снова смотреть, что получилось. Но чем ближе дизайнер подходит к коду, тем быстрее появляются взрослые вопросы: 1. кто проверяет такие изменения 2. что считается безопасной правкой 3. где начинается логика, а где просто внешний вид 4. кто отвечает, если агент поменял не тот компонент 5. как откатиться, если всё поехало Фигма это понимает, поэтому делает не «пуш в прод», а нормальный путь через разработку. Изменения сначала лежат как локальные коммиты. Можно создавать ветки, смотреть историю, откатываться, а потом открыть пулл-реквест, чтобы инженеры проверили правку как обычное изменение в коде. И это, по-моему, правильная часть новости. Не сам факт, что дизайнер может подвигать блок в живом проекте. А то, что Фигма пытается встроить это в нормальный процесс разработки. Через ветки, коммиты, проверку и возможность отката. Потому что без этого будет весело примерно два дня. Потом кто-то визуально поправит карточку, агент заденет общий компонент, уедет ещё десять экранов, разработчик откроет код и спросит, кто вообще это сделал. Но я бы не хотел, чтобы это стало режимом «дизайнеры теперь сами чинят фронт». Скорее это должно быть как быстрый слой для понятных UI-правок. Поправить отступ. Проверить состояние. Подкинуть вариант. Открыть пулл-реквест. Дальше уже обычная проверка. Ещё важная штука: Фигма разрешает копировать экраны из Make обратно на холст как слои, обсуждать с командой и потом приносить решения назад в код. Это уже похоже на нормальный круг: продукт живёт в коде, команда думает на холсте, изменения возвращаются через понятный процесс. Если Фигма сможет удержать этот круг без бардака, будет сильно. Потому что дизайнеру часто не нужен ещё один генератор красивого прототипа. А вот дизайн-ревью проводить и за качеством прода следить гуд, ибо разработчики лажают оч часто. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Install

grafikstash.com/rubber-icons

Совет: удерживайте control, чтобы временно отключить его при изменении размера.

Они разные — и по размеру и по сюжету, но есть объединяющий фактор — это всего графика + цветовая гамма (чб).

Пока у команды нет общей структуры, каждый экран собирается заново: где-то основной текст 14 px, где-то 16 px, где-то межстрочный интервал выставлен руками, где-то тот же жирный стиль выглядит иначе. В макетах это еще терпимо, а в разработке быстро превращается в хаос. Олуватосин Обалана показывает практичный подход, как собрать типографику через примитивные и семантические токены и масштабировать ее на веб, планшет и мобильный в Фигме. Ценность статьи в том, что это не просто теория про читаемость, а пошаговая схема: как назвать токены, как разложить роли текста, как связать стили с переменными и переключать режимы без дублей. Внутри: – Какие принципы держат типографику в порядке: удобство, ясность, иерархия; – Какие базовые требования по доступности стоит заложить сразу: размер текста, контраст, межстрочный интервал, масштабирование; – Что такое примитивные токены и какие свойства туда выносить: семейство, вес, размер, межстрочный и межбуквенный интервалы; – Зачем нужны семантические токены и почему они снимают ручные правки по всему продукту; – Как назвать токены по иерархии, чтобы дизайнеры и разработчики говорили на одном языке; – Как разложить роли текста: Display, Heading, Subheading, Body, Caption, Label; – Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров; – Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В Аффинити панель трансформации устроена логично: можно менять размеры и позицию как всего объекта, так и выбранных точек. У Иллюстратора же аналогичная панель всегда трансформирует объект целиком, не понимая, что выбрана часть точек. Отдельные инструменты Scale, Free Transform, Move работают с точками, но не дают точного управления габаритами. Скрипт умеет: — пропорционально смещать точки, чтобы их ограничительная рамка получила заданные ширину и высоту; — работать одновременно с точками на разных путях; — масштабировать все рукоятки точек через Scale All Handles или только те, со стороны которых выбрана соседняя точка; — менять угол и длину отрезка при выборе двух точек; — вычислять арифметические выражения в полях ввода. Скачать скрипт P.S. Если нужно привнести хаос и случайно раскидать точки, то подойдёт скрипт PointsMoveRandom. А SetPointsCoordinates устанавливает точные координаты точкам. #illustrator #path

Разбираем на вебинаре «Как показывать и продавать своё творчество с помощью ИИ - без навязчивых продаж, дорогих фотосессий и потери индивидуальности».  🔥 Что будет на вебинаре (и почему это не скучная теория) Я возьму реальное «домашнее» фото, такое же, как у вас в телефоне сейчас — и на ваших глазах превращу его в: ✔️Продающую карточку для соцсети или маркетплейса   ✔️Фотосерию в любом окружении — то же платье или сумка окажутся на набережной, в уютной кофейне, на фоне заката.  ✔️Примерку на модели — я покажу, как «надеть» вашу вещь на человека с нужным размером и типом фигуры. ✔️Короткое видео — ожившая картинка с движением, настроением, лёгкой анимацией, которая цепляет взгляд в ленте. РЕГИСТРАЦИЯ ПО ССЫЛКЕ

У моей ученицы Елены было красивое платье. Она долго подбирала ткань, сшила его аккуратно, отстрочила всё идеально. Оно висело на вешалке в шкафу… и никто его не видел. Потому что единственное фото, которое у неё было, — это снимок на телефон на фоне двери. «Ну как такое выкладывать? Продавать стыдно» — думала Елена. Она почти смирилась, что это платье останется просто вещью для себя. Но решила попробовать то, что я ей предложила. Что она сделала из одного своего домашнего снимка (и вы сможете тоже) ✔️Продающую карточку для соцсетей ✔️Фото в разных локация — платье «выехало» в солнечный парк, уютное кафе и на веранду у моря ✔️Примерку на двух моделях — 42-го и 54-го размера. Покупательницы с разной фигурой, наконец, увидели себя и перестали бояться «а вдруг не сядет». ✔️UGC-кадры — как будто реальная клиентка распаковала заказ в своей гостиной.  Короткое видео — платье в движении, с музыкой, с настроением. То, что останавливает взгляд в ленте. Елена сказала мне: «Я даже не думала, что из одного скучного снимка можно сделать столько контента. Раньше мои вещи были невидимками. А теперь их замечают и покупают.» Рассказываю, как это сделать на вебинаре «Как показывать и продавать своё творчество с помощью ИИ - без навязчивых продаж, дорогих фотосессий и потери индивидуальности».  РЕГИСТРАЦИЯ ПО ССЫЛКЕ👈🏻

Вы когда-нибудь видели, как выглядят алмазы до огранки? Обычные мутные камешки. Никто не догадается, что внутри них спрятано сияние. Вот так же и ваше «домашнее фото», снятое на телефон на диване или на фоне шкафа, выглядит скучным и неприглядным. А внутри него тот самый блеск, который заставит клиента замереть и сказать «Хочу и покупаю!». Проблема в том, что мы привыкли: хорошая картинка = студия, модель, фотограф, бюджет. А можно научиться гранить свои «алмазы» самостоятельно, без всего этого за 10 минут, из одного единственного снимка. Именно этому посвящен мой вебинар «Как показывать и продавать своё творчество с помощью ИИ - без навязчивых продаж, дорогих фотосессий и потери индивидуальности».  🔥 Что будет на вебинаре (и почему это не скучная теория) Я возьму реальное «домашнее» фото, такое же, как у вас в телефоне сейчас — и на ваших глазах превращу его в: ✔️Продающую карточку для соцсети или маркетплейса   ✔️Фотосерию в любом окружении — то же платье или сумка окажутся на набережной, в уютной кофейне, на фоне заката.  ✔️Примерку на модели — я покажу, как «надеть» вашу вещь на человека с нужным размером и типом фигуры. ✔️Короткое видео — ожившая картинка с движением, настроением, лёгкой анимацией, которая цепляет взгляд в ленте. Приходите) Научимся превращать «мутные камешки» в бриллианты! РЕГИСТРАЦИЯ ПО ССЫЛКЕ

Как сделать так, что платье «выедет» на прогулку в парк, а уютный свитер «появится» в кадре с чашкой кофе в руках? 👉🏻Создать обстановку и настроение, которое покупатель назовёт «своим» и примет решение о покупке, можно, например, с помощью нейросетей. ⚡️⚡️⚡️Рассказываю и показываю, как на вебинаре «Как показывать и продавать своё творчество с помощью ИИ - без навязчивых продаж, дорогих фотосессий и потери индивидуальности». ✨Покажу, как обычное «фото на вешалке» превратить в контент, от которого клиенты говорят: «Хочу!». Что мы сделаем на практической части  Я возьму ваши обычные снимки — сделанные на телефон у себя дома, на кровати, на вешалке, на стуле — и прямо в эфире превращу их в несколько форматов. Из одной базовой фотографии (даже самой простой) вы получите: ✔️Примерку на разных людей — без поиска моделей. Я покажу, как за пару минут перенести ваше изделие на фигуры разного размера, возраста и типажа. Покупатель сразу увидит себя и перестанет бояться «а вдруг не сядет». ✔️Стилевые съёмки — то же платье, та же сумка, та же брошь окажутся на улице, в кафе, у моря, в уютной комнате. Без выезда, без аренды локаций. Просто из вашего исходного кадра. ✔️Презентацию товара как в магазине — чистый фон, правильный свет, акцент на деталях. Карточка, которая выглядит профессионально и не стыдно показать на маркетплейсе или в соцсетях. 🎥Из того же одного фото — ещё и видео для соцсетей! Всё это без студии, без моделей, без бюджета. Только вы, ваш телефон и нейросети, которые работают в РФ напрямую, не требуются дополнительные сервисы. РЕГИСТРАЦИЯ ПО ССЫЛКЕ

Я подготовила 5 готовых шаблонов фигур для дизайна одежды. Почему шаблоны — это спасение для дизайнера, швеи или мастера хендмейда: ✅ Не умеете рисовать? Контуры фигуры уже есть. Вы просто «одеваете» шаблон — никакого страха чистой страницы. ✅ Все эскизы — одного размера. Это удобно, когда вы собираете каталог, комплект или работаете в команде с другими дизайнерами. ✅ Можете настроить пропорции под своих клиентов. Задайте типовую фигуру для вашего бренда — и рисуйте сразу на «своём» шаблоне. ✅ Идеальная симметрия. Проблема «одна половинка красивая, а вторая кривая» уходит в прошлое. Есть центральная ось — отразили и получили идеал. ✅ Экономия времени. Вы не тратите час на построение основы. Берёте шаблон — и сразу начинаете творить. Кому пригодятся шаблоны: — Дизайнерам одежды — Швеям на заказ — Мастерам хендмейда — Студентам модных направлений — Всем, кто устал рисовать «на глаз» Как получить 5 шаблонов бeсплатнo? Скачать ШАБЛОНЫ Шаблоны - работающий инструмент, который сэкономит вам часы и нервы✔️

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

В одежде и обуви пользователь редко покупает с первого взгляда. Он сравнивает, смотрит фото, думает про размер, доставку, наличие, пытается представить образ целиком. Поэтому удобство здесь решают не одна-две фичи, а десятки мелких решений по всей воронке: от меню и поиска до карточки товара, корзины и оформления. В этой подборке KISLOROD разобрали 10 российских fashion-магазинов и собрали 50 приемов, которые реально помогают покупать быстрее и спокойнее. Полезно тем, что материал не уходит в общие слова про «улучшить UX», а показывает конкретные паттерны, которые уже работают у Lamoda, Stockmann, Befree, O’stin, Zarina, Lime и других. Внутри: – Какие приемы в навигации и меню помогают быстрее попасть в нужный раздел; – Как поиск, фильтры и сортировка сокращают путь до товара; – Почему в fashion так важны подборки, готовые образы и стилистический контент; – Какие решения в каталоге ускоряют выбор без перехода в карточку; – Что в карточке товара реально снижает сомнения перед покупкой; – Как отзывы, параметры модели и размерные инструменты уменьшают риск ошибки; – Какие механики в корзине и кросс-сейле повышают средний чек; – Как контент, блог и подарочные сценарии тоже становятся частью воронки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Как театр начинается с вешалки, так продажи начинаются с умения «оживить» обычный кадр. И я покажу, как это сделать завтра на вебинаре. Чтобы в следующий раз, когда ваш потенциальный покупатель будет листать свою ленту и увидит ваше изделие, у него возникла та самая искра, которая превращает просмотр в покупку! 📅Напоминаю, что уже сегодня на вебинаре в 19:00 мск мы с вами создадим продающий визуал для изделия. Никакой магии — только алгоритмы, которые вы повторите с любым своим изделием. Что вас ждет на практической части: 1. Одна базовая фотография (даже на кровати или вешалке) = и целая витрина. Я возьму обычный снимок, похожий на ваши, и на глазах превращу его в: – Примерку на разных людях — никакого поиска моделей под каждый размер. – Стилевые съёмки — то же платье окажется на улице, в кафе, на фоне заката… Без выезда, без локаций, просто из исходного кадра. – Презентацию как в магазине — вещь займёт своё место на витрине, как в люксовом бутике. 2. Короткое видео, которое «включает» чувства. Фото — это статичная картинка. А видео заставляет остановиться, вглядеться, почувствовать. Я покажу, как из того же одного снимка сделать: – Мини-мультики — где ваша брошь или платье оживают, мерцают, поворачиваются. – Анимацию примерки — движение, которое показывает посадку и летящий подол. – Разные ракурсы и стилистику — от крупного плана фактуры до образа «идёт по улице». Все это сделаем с помощью ИИ-инструментов, которые я отобрала специально для творческих людей, они сделают 80% работы за вас. Вебинар бесплатный, поэтому записи в открытом доступе не будет. ➡️Если вы еще не зарегистрировались, очень рекомендую это сделать👌🏻 Перестаньте хоронить свои работы в серой ленте. Давайте вместе превратим «фото на кровати» в историю, которую захочется купить. Увидимся на вебинаре! ИДУ НА ВЕБИНАР

И это заблуждение встречается не только у обывателей. Одна из главных ошибок начинающих дизайнеров - рисовать одежду на абстрактном «стандарте», который существует только в их голове. В реальности же дизайн — это работа с геометрией и архитектурой тела. ➡️ Для дизайнера важно понимать типы фигур не ради теории, а ради безупречной посадки. Ведь одна и та же модель изделия будет смотреться абсолютно по-разному на: ➡️ Песочных часах с выраженным балансом; ➡️ Груше с акцентом на бедра; ➡️ Яблоке с объемом в центре; ➡️ Прямоугольнике с атлетичным силуэтом; ➡️ Треугольнике с активной линией плеч. Если вы работаете с одеждой, важно перестать рисовать «воздух» и начать понимать, как реально распределяются объемы. Нельзя создать идеальный силуэт, если вы не видите базу, на которую он ляжет. Чтобы упростить себе задачу и перестать гадать, используйте профессиональные шаблоны в реалистичных пропорциях. Это помогает: — проектировать одежду под конкретный запрос и фигуру; — видеть реальную посадку еще на этапе эскиза; — создавать коллекции, которые подходят живым людям, а не манекенам; — видеть форму, а не свои фантазии о ней. Хороший дизайнер работает не с мифами, а с пропорциями. Скачать ШАБЛОНЫ