Прямиком из лаборатории: как разговаривать с ИИ так, чтобы макеты не расползались

Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта. Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров. Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться. Как устроен генеративный дизайн сейчас (и что с ним не так) – Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету. – Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки. – Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния. Чем SPEC нам полезен? – Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное. – Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С. – Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить». Почему это не пустая болтовня На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch Где это реально заходит – Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками. – Когда важно держать стиль и логику дизайн-системы. – Когда итераций много и их нужно фиксировать правилами, а не папкой картинок. Когда можно пройти мимо – Разовый визуальный эксперимент ради идеи. – Очень маленькие страницы, где быстрее нарисовать, чем описывать. – Когда нет ресурса сформулировать правила — SPEC требует дисциплины. Итог Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.
Изображение поста

Плагин Google Maps - Map Maker — позволяет легко создавать и настраивать карты Google прямо в макете.

Google официально делает градиентную «G» своим новым логотипом: в ближайшие месяцы символ начнёт появляться во всех сервисах компании. Это первое крупное обновление айдентики за последние 10 лет.

Плагин Jter · Animation for Figma — позволяет импортировать проект в Jter для анимации и экспорта в видео или GIF.

Jter — это простой в использовании анимационный инструмент. Это как figma, но для анимации. Как пользоваться: 1. Откройте плагин 2. Выберите фрейм и нажмите кнопку «Экспорт» 3. Откройте проект в Jter и создайте немного магии! Ограничения: —Вы можете экспортировать только один фрейм за раз; — Тексты (кроме используюищих шрифты Google) экспортируются в виде изображений; — Группы в масках экспортируются как изображения; — Каждый экспорт создаст новый проект в Jter. #gif #анимация #видео
📖 Вышел Журналус № 476. Как читать воздух рядом с реактивной Гильотиной Юма
Вот что мы подготовили на этой неделе: • Цитаты из книги Эрин Мейер «Карта культурных различий. Как люди думают, руководят и добиваются целей в международной среде» • К чему готовиться на рынке труда в 2025 году • Как выбирать инструменты для стратегического планирования • Почему вкус — это главный операционный актив в эпоху ИИ • Разбор нового CSS-свойства «corner-shape» • Шпаргалка по созданию контента с учётом стандартов доступности • Какие прогнозы о роли ИИ в дизайне сбылись, а какие нет • Как идеально выполнить тестовое задание • Секрет идеального звука в Veo 3: анализ успешных промптов • Бесплатный сервис для создания промтов под Gemini • Обзор ИИ-функций Chrome, представленных Google • Экспериментальные плакаты студии vu-huu
Изображение поста
Контекстолог в Nimax
Мы — Nimax, создаем brand experience для компаний будущего. Задачи: — вести 4-7 проектов по контекстной рекламе — прогнозировать бюджеты, собирать семантические ядра — создавать рекламные объявления, вести кампании и управлять ставками — настраивать автоматизацию кампаний — оценивать эффективность кампаний, ставить ТЗ по настройке веб-аналитики — собирать отчеты для клиентов — участвовать в штурмах команды при составлении комплексных коммерческих предложений — презентовать и защищать идеи перед заказчиком Ожидания: — опыт работы PPC-специалистом не менее 2 лет — глубокие знания Яндекс Директа, Google Ads — аналитический склад ума и умение работать с Google Analytics и Яндекс Метрикой — опыт работы с крупными сайтами и большой семантикой — опыт работы в агентстве или студии — общее представление о юзабилити сайтов, SEO Условия: — полностью удалённая работа или гибридный формат дом+коворкинг — полный рабочий день с гибким началом, с 9 до 11 часов — заработная плата в зависимости от уровня, по результатам собеседования (от 100 000 руб / на руки) — полностью белая зарплата, оформление с первого дня по ТК РФ — сильная команда и адекватное руководство — регулярные ревью по результатам работы, поддержка и менторство тимлида — дополнительный день отпуска в день рождения — оплачиваемое обучение на курсах и интенсивах → Подробнее Контакт для отклика: rabota@nimax.ru #маркетинг
Изображение поста
Графический дизайнер в Dropp Market
Dropp Market — это кроссбордерный маркетплейс люксовой моды, стремящийся стать лидером на рынке СНГ. Мы агрегируем более 300 бутиков со всего мира и используем собственные алгоритмы машинного обучения для нормализации и дедупликации товарных данных, чтобы пользователи могли в реальном времени находить лучшие предложения и совершать покупки на самых выгодных условиях. Задачи: — создание мобайл-креативов — задачи с плашками App Store / Google Play, также с web-форматами — создание баннеров для промо и оферов — работа с многоформатными ресайзами — под Яндекс, VK, Telegram, App Store, Google Play и др., без потери читаемости и смыслов — адаптация форматов под платформы — работа с A/B версиями креативов — сравнение по метрикам Ожидания: — опыт от 3 лет — опыт в e-commerce / digital-агентствах / маркетплейсах/ модных брендах — самостоятельность — умение работать в быстром темпе — готовность к рутине — знание: Figma, Photoshop, Illustrator, After Effects, ИИ-инструментов — понимание digital-маркетинга и визуальной специфики в fashion сегменте — будет плюсом: умение работать с анимацией, собирать простые motion- и видеоформаты Условия: — график работы 5/2 с 9:00 до 18:00 по Мск, сб и вск — выходные — формат работы: полностью удаленный — бонусы за эффективность и выполнение KPI — возможность карьерного роста Контакт для отклика: @Ma_Sian #дизайн
Изображение поста
Привет, я https://t.me/+cH3KKK-W1AcyNjky">Женя Трофимов, дизайнер из Лондона, Apple. Продуктами, над которыми я работаю, пользуются >1,38 млрд людей.
https://t.me/+cH3KKK-W1AcyNjky">Собираю комьюнити дизайнеров, которые хотят: - Трудоустроиться зарубеж - Прокачаться в карьере (зарплате, скиллах, проектах) - Просто лампового дизайн- комьюнити из клевых людей (наши подписчики и мои хорошие знакомые работают в Google, Meta, Apple и т.д.) Что есть в канале: - Полезные статьи про дизайн, UI - Стримы и видео в записи с дизайнерами из топовых мировых компаний (вот примеры -  Revolut | Meta | Bumble ) - Контент про трудоустройство (я сам нанимаю людей в FAANG, и очень много знаний накопилось). - Про жизнь и работу в Лондоне Моя мечта сделать https://t.me/+cH3KKK-W1AcyNjky">топовое комьюнити классных дизайнеров в ТГ, подпишитесь, в обмен мы с командой даем тонны полезного контента❤️⬇️⬇️ https://t.me/+cH3KKK-W1AcyNjky
Изображение поста
Полезные ресурсы для создания убойных презентаций
Один из самых частых вопросов — где найти бесплатные картинки, шрифты и иконки для презентации. Сохраняй нашу подборку, с помощью которой создавать красивые слайды станет еще проще: 📱 ИЗОБРАЖЕНИЯ Unsplash Крупнейший англоязычный бесплатный фотосток, где можно найти практически любую картинку без регистрации Pexels Один из лучших бесплатных фотостоков с огромной базой картинок, и удобной навигацией Freepik Хороший фотобанк с большой библиотекой бесплатных изображений #️⃣ ШРИФТЫ Google Fonts Всеми любимая библиотека шрифтов. Позволяет подобрать и скачать разные шрифты на все случаи жизни Paratype Большой выбор бесплатных шрифтов. Имеется раздел кириллических шрифтов Font Squirrel Множество бесплатных шрифтов, можно загрузить рисунок и получить названия шрифтов, используемых на нем 🔖 ИКОНКИ Flaticon Не нуждающийся в представлении сервис с огромным количеством бесплатных иконок Icon Finder Иконки, как платные, так и бесплатные. Скачать можно в форматах ICO, PNG, ICNS, SVG Icons8 Есть как бесплатные, так и платные иконки в рамках подписки, а также иллюстрации и фото #полезное
Изображение поста
Самый быстрый рост всегда происходит в сообществе единомышленников.
FAANG+ Careers - сообщество дизайнеров, которые хотят: - Трудоустроиться за рубеж - Прокачаться в карьере (зарплате, скиллах, проектах) - Просто лампового дизайн- комьюнити из клевых людей Фаундер работает в Apple, подписчики устраиваются в Google, Revolut, Amazon и другие топ компани. И сейчас идет месяц UI и визуала: ✔️ Что такое технически правильный интерфейс? ✔️ Как давать понятную обратную связь, а не говорить «поиграться со шрифтами»? ✔️ Как создавать визуальные образы с нуля на уровне арт-директора? 🔥 А 18 сентября в 19:00 будет UI прожарка - где дизайн директор будет разбирать работы подписчиков с точки зрения UI. Мы делаем топовое комьюнити классных дизайнеров в ТГ, подпишитесь, в обмен мы с командой даем тонны полезного контента❤️⬇️⬇️ https://t.me/+VW-6UBKXvQFmZTNi
Изображение поста
Vibe designing
Figma тестирует новую фичу – Prompt to Edit. Теперь макеты можно менять по ИИ-запросу. Участие только для платных пользователей, заявку принимают через Google-форму.
Сценарист YouTube-эссе в Fundmates
Fundmates — это финтех-платформа для YouTube-креаторов в США. Мы делаем продуманные YouTube-эссе на английском о фильмах и сериалах. Нужен автор с сильным критическим мышлением, структурой и чувством темпа. Задачи: — Писать скрипты ~8 400 слов в фирменном стиле канала на английском языке — Собирать структуру: хук → тезис → сквозной аргумент → развязки — Делать ресёрч: сцены, интервью, сборы / критика — Использовать AI для ускорения идей / плана и черновика, но доводить «руками» до финального качества — Работать в Google Docs, принимать правки и доводить до хорошего уровня по чек-листу Ожидания: — Хороший английский — Насмотренность и умение аргументировать фактами — 1–3 примера англоязычных длинных текстов (лучше по кино / сериалам) — Умение работать с AI без потери авторского голоса — Самоорганизация: ~4 скрипта/месяц, иногда больше Будет плюсом: — Опыт написания сценариев для YouTube-эссе — Понимание удержания аудитории, переходов, комедийных битов — Привычка к факт-чекингу и чистоте источников Условия: — Удаленно — $200 за скрипт, прошедший чек-лист качества (чек-лист предоставляется) — Постоянная загрузка и долгосрочное сотрудничество при хорошем мэтчe Как откликнуться: Письмо на почту daria@fundmates.com с темой «Scriptwriter — [Ваше имя]» где так же приложены: 1–3 примера ваших англоязычных текстов и 3–5 предложения о вашем процессе написания текстов (план → драфт → AI → редактирование). #вакансия
Изображение поста
Минутка вершин:
Аддитивные технологии и дизайн 3D-модели вершины с встроенной NFC-меткой, ссылкой на Google-карты и  координатами геолокации. Сувенир, который приглашает, обучает, может служить и трофеем и мотиватором.
Шрифт Beastly by Hubert and Fischer, NaN
Оригинальная коллекция шрифтов, созданная на основе Google Fonts Rubik от Hubert и Fischer, Meir Sadan и Cyreal. Отличный шрифт для веселых веб-проектов. Скачать #free #latin #cyrillic 🔤 Хранилище шрифтов
Изображение поста
FontBase. Обновлённый кросс-платформенный менеджер шрифтов. Показывает все установленные в вашей системе шрифты и шрифты из Google-библиотеки.
Есть поиск, предварительный просмотр, сортировка по коллекциям, типу или по папкам, а ещё функция для подбора шрифтовых пар. В новой версии добавили раздел, в котором публикуются новинки более чем 60 шрифтовых мастерских. Программа бесплатная, но за 3 $ в месяц доступна подписка с расширенными функциями. #инструменты@zhurnalus_lite
Изображение поста
📖 Вышел Журналус № 472. Сможет ли недовольный дизайнер правильно нарезать лук, если дать ему манула
• Цитаты из книги историка-медиевиста Мишеля Пастуро «Дьявольская материя. История полосок и полосатых тканей» • Состояние рынка продуктового дизайна в 2025 году • Как правильно отображать ошибки пользователя при заполнении форм • Почему визуальное восприятие контента первично • Советы по созданию и применению анимаций в интерфейсах • Как провести конкурентный анализ цифровых продуктов • 30 удачных решений в приложении «Читай-Город» • Исчерпывающий каталог лучших книг мира • Как социальные сети воруют время и почему это не случайность • Математический способ нарезать лук • Что такое системный маркетинг • Новый бесплатный шрифт Google для набора кода
Изображение поста
❗️ Новостной дизайн
#news Google хочет сделать Переводчик конкурентом Duolingo. #google #uiux #designtrends #design Google анонсировала новую функцию в приложении Переводчик, которая помогает пользователям учить иностранные языки с помощью ИИ. ⚪️Бета-версия инструмента для обучения уже доступна некоторым пользователям. ⚪️Она создаёт персонализированные уроки в зависимости от уровня языка и целей — например, для путешествий, рабочих встреч или повседневного общения 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Изображение поста
📖 Вышел Журналус № 472. Сможет ли недовольный дизайнер правильно нарезать лук, если дать ему манула
• Цитаты из книги историка-медиевиста Мишеля Пастуро «Дьявольская материя. История полосок и полосатых тканей» • Состояние рынка продуктового дизайна в 2025 году • Как правильно отображать ошибки пользователя при заполнении форм • Почему визуальное восприятие контента первично • Советы по созданию и применению анимаций в интерфейсах • Как провести конкурентный анализ цифровых продуктов • 30 удачных решений в приложении «Читай-Город» • Исчерпывающий каталог лучших книг мира • Как социальные сети воруют время и почему это не случайность • Математический способ нарезать лук • Что такое системный маркетинг • Новый бесплатный шрифт Google для набора кода
Изображение поста
Графический дизайнер в бюро «Понятно»
Мы, бюро «Понятно» — производим контент для маркетинговых и HR-команд крупного и среднего бизнеса. Задачи: — баннеры и адаптивы, дизайн презентаций, ерстка ПДФ-доков — иногда клиенту нужно решить коммуникационную задачу по-другому: например, продумать стиль промо-кампании и сделать пакет материалов в этом стиле — с такими проектами также предстоит работать: вовлекаться можно как в разработку концептов, так и в создание материалов Ожидания: — понимание принципов композиции, цвета, типографики — владение Figma, Photoshop, Illustartor, Google Slides и Power Point для презентаций — умение работать с гайдами и референсами — умение самостоятельно принимать решения на уровне своих макетов и предлагать разные варианты решения задачи — соблюдение дедлайнов Будет плюсом: — моушн, 3D, генерации в ИИ Условия: — мы пока готовы работать только сдельно: в конце каждого месяца подводим итог по количеству задач, считаем сумму по прайс-листу — формат работы удалённый — дедлайны обычно комфортные — случаются горячие запросы, за них будем доплачивать Контакт для отклика: @AlisonPatison #дизайн
Изображение поста
❗️ Новостной дизайн
#news Google тестирует новый card-style дизайн #google #uiux #designtrends #design Этот редизайн направлен на улучшение визуального восприятия и удобства навигации для пользователей. Эти изменения пока не доступны в текущей стабильной версии Android 16, но ожидается, что они будут внедрены в одном из следующих квартальных обновлений или в Android 17. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Изображение поста