Warp Tools
Плагин трансформирует любые объекты с помощью инструментов Smudge, Twirl, Bulge, Pinch, Arc и Free Transform
Install
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов.
Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе.
Внутри:
– Чем typeahead отличается от обычного автокомплита со списком подсказок;
– Почему решение через реальное выделение текста ломается на мобильных;
– Как работает overlay-подход с отдельным слоем поверх инпута;
– Какие события приходится перехватывать, чтобы поведение было естественным;
– Почему стандартный Highlight не дает одинаковый результат в разных браузерах;
– Как обрабатывать состояния фокуса, очистки и переполнения текста;
– Откуда берется проблема с кернингом при разбиении строки на span;
– Как можно компенсировать этот сдвиг, не отключая кернинг полностью.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Способ супер, но не всегда работает, как хотелось бы😂
Часто пользуетесь этим способом? Работает? Делитесь в комментах
А как у вас дела обстоят с цветами?😂
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.
Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям.
Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.
Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям )
В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал.
⚡️Написала инструкцию на VC⚡️
___
en<able> - о дизайне в A11y | Наши статьи на VC
💎 Делаем эффект отражения в стекле
Думали это всё? А нет!
Продолжаем с итогами второго сезона нашего рейтинга.
Хотим внести небольшие корректировки в прошлый пост:
Физические награды получают только ТОП-1 из каждой категории: Все, Бизнес и Дизайнеры.
Так получилось, что тройка победителей в категории «Бизнес» совпадает с тройкой из категории «Все», поэтому не видим смысла дублировать и хотим сразу объявить ТОП-3 участников из категории «Дизайнеры»:
🎙 — 💙 никита xmentors.ru
🎙 — 💙 Дарья Тютикова
🎙 — 💙 Алёна Бровко
По итогам второго сезона 2 физические статуэтки от нас получают ребята из 💙 wave и 1 статуэтку забирает 💙 никита
Всех участников и их самые популярные работы уже можно посмотреть на сайте 🎙
А для тех, кто хочет легче набирать рейтинг за свои статьи, Дизайнерс подготовили 💙 Бизнес-Подписку — она добавляет чуть больше функционала и открывает больше возможностей в продвижении контента.
Используйте промокод «DSGNERS2026» и забирайте 10% скидку на любой период подписки.
С уважением, команда дизайнерс 🎙
Воркшоп: 10 плакатов за 1 час
от @vanokregular13
уже сегодня в 18:00! ❤️
приходите прокачать скорость и посмотреть на процесс дизайна с другого угла❤️
❤️ записаться ❤️
Минутка классики:
Кстати, Жан Карлу и его знаменитая работа для рекламы — Зубная паста «Gellé», 1938 год. Получив образование архитектора, он решил стать графическим дизайнером после того, как в результате ДТП лишился правой руки. Он был одним из авангардистов, стоящих у истоков нового европейского плаката.
Когда ты архитектор, для тебя очевидно, что формообразование подчиняется единой системе, обратите внимание как линии, углы и окружности иллюстрации сочетаются с формой шрифта.
SXL Studio — новый бесплатный набор инструментов для дизайнеров дизайн-систем, альтернатива Token Studio, быстрее и функциональнее. Поддерживает:
→ Database — маппинг слоев в фигме с backend данными из JSON, CSV, вставка картинок по https// ссылкам.
→ Tokens — применение, экспорт, поддержка более 35 типов токенов: number, sizing, spacing, dimenstion, typography, transition, image, color, fill, shadow, glass и другие.
→ Генерация component и componentSet из JSON (через ИИ можно конвертировать любой компонент (VUE3, React) в JSON и на основе этого кода сгенерировать в Figma точно такой же компонент)
→ Интеграция дизайна в Storybook
→ Экспорт переменных из JSON в CSS, Swift, Kotlin прямо из плагина
→ Поддержка GitHub и GitLab
→ Поддержка Dev Mode для Frontend разработчиков
→ Восстановление связей с master компонентом или подключение открепленных инстансов к мастер компоненту
→ Поддержка Remote соединения с Agent AI
Install plugin