Как устроена любая игра изнутри 🫥

Вот теперь история с ИИ в Фигме стала совсем прямой. Сначала они подключали внешних ребят через MCP, дружили с Claude Code, Codex и другими агентными инструментами. А теперь, по данным TechCrunch, Фигма добавляет собственного ИИ-агента прямо на совместный холст. Работать это должно так: пишешь запрос, агент создаёт новый дизайн, правит существующий экран или делает несколько вариантов того, что уже лежит в файле. Причём можно запускать сразу несколько агентов, чтобы они параллельно делали разные задачи. Выглядит как логичный следующий шаг. Если кодовые агенты уже умеют лезть в Фигму, тащить оттуда контекст и что-то собирать по макетам, то странно было бы Фигме самой оставаться просто местом, куда агент приходит в гости. Агенту проще жить там, где уже лежит вся продуктовая логика: компоненты, стили, состояния, комментарии, старые решения и люди, которые всё это обсуждают. Главный вопрос теперь: понимает ли агент, зачем этот экран вообще существует? Вот это для дизайна намного интереснее самой генерации. Нарисовать пять вариантов карточки уже не вау. Вау будет, если агент поймёт, что в этом продукте нельзя брать старую кнопку, что пустое состояние должно быть таким, что у мобильной версии другой сценарий, что в этой таблице пользователь ищет быстрый ответ итд Фигма говорит, что агент понимает дизайн-контекст и элементы, потому что работает на моделях, дообученных под дизайн-задачи. Хорошо, если так. Потому что обычная ИИ-генерация интерфейсов часто выглядит как человек, который насмотрелся красивых дашбордов, но ни разу не сидел на созвоне, где обсуждали реальную роль этого дашборда в продукте. Тут важен сам факт, что агент появляется на совместном холсте. Холст в Фигме всегда был местом, где команда смотрит на одно и то же. Дизайнер двигает блок. Продакт спорит про сценарий. Разработчик спрашивает, что будет в краевом случае. Кто-то оставил комментарий три недели назад и испортил всем настроение. Теперь туда добавляется ещё один участник. Он не устает, не обижается и может за минуту накидать десять вариантов. Польза очевидная, пока не представляешь реальный файл большой команды. Там же начнётся веселье: 1. один агент сделал вариант главного экрана 2. второй поправил состояние ошибки 3. третий решил «улучшить» компонент 4. дизайнер вручную вернул половину назад 5. продакт спросил, кто вообще это предложил Фигме придётся очень аккуратно проектировать ещё и следы работы агента. Что он поменял. Почему поменял. Где его вариант. Где человеческое решение. Что можно откатить. Что ушло в обсуждение. Что осталось просто черновиком. Самый полезный агент в Фигме будет не тем, кто рисует красиво. Скорее тем, кто быстро приносит материал для обсуждения: черновик, краевые случаи, варианты, странные состояния. Такой быстрый помощник, которому можно дать скучную задачу, но всё равно надо смотреть за руками. И это нормальная роль. Дизайнеру редко нужен кто-то, кто сам всё решил. Чаще нужен тот, кто быстро принесёт материал для обсуждения. А дальше уже начинается работа: понять сценарий, убрать лишнее, проверить состояния, привести в чувство и принять решение. Если Фигма сделает агента именно таким участником холста, это может быть сильная штука. Если просто добавит генератор экранов внутри файла, будет весело первые две недели, а потом все снова вернутся к ручной уборке после ИИ. Я, честно говоря, ко всей это аи агентской приколюхе в дизайне именно отношусь очень скептически. Вышли уже десяток продуктов по генерации и все сдохли. Ни одного продукта я не знаю, кто там на слуху и им прям пользуются. Код да, дизайн, увы, пока нет. А вы что думаете?) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Нам дали очередную премию 🥈СЕРЕБРО за лучшее мобильное приложение в категории HoReCa и еда. Мы завоевали второе место с приложением, которое делали для проекта «Ели Пили» — сервиса, объединяющего рестораны Florentini, «Чичико» и «Чего хотэли». Через приложение можно заказывать еду, бронировать столы и в целом комфортно взаимодействовать с любимыми местами. Честно, мы, конечно, очень хотели первое место, но его забрала команда, которая сделала и развивает приложение для Burger King по всей стране. Так что конкуренция была более чем достойная. Бронза у студии Лебедева за приложение ТейстиКофе. Для нас работа с приложениями только начинается, поэтому эта награда особенно важна. Она показывает, что мы идем в правильном направлении и уже можем конкурировать с большими игроками. В этом году мы подавали Всего у нас было 4 проекта, которые попали в 7 шорт-листов, но в итоге взяли одну награду — чувства смешанные, потому что всегда хочется больше, но это отличный повод расти дальше и двигаться еще смелее. На премии удалось повидаться со старыми знакомыми, пообщаться с ребятами из разных агентств. Обсудить идеи для сотрудничества. Мероприятие прошло классно, я уже вернулся в отель, очень хочу спать. Завтра с утра — пробежка и дорога в Питер. Кстати, вот ссылочка на приложение «Ели Пили» — можно потестить и поддержать наших заказчиков своими заказами и отзывами. Но только в Мск.

Ищите вдохновение и качайте визуальную насмотренность.

Мы завершаем полугодовой цикл бесплатного обучения по нейронкам. И, думаю, правильно поставить точку чем-то мощным. ➡ Это будет обучение по нейросетям в продуктовом дизайне. Будем работать в Google Stitch – он бесплатный, но во многом не уступает Claude. Помните: мы учим принципам и мышлению, которые пригодятся в любом инструменте. Что вы узнаете: • Как ставить задачу нейронке, чтобы получить результат на уровне дизайнера; • Зачем нужен дизайнер, если есть ИИ; • Сгенерируете экраны мобильного приложения и научитесь анализировать результат. Расписание интенсива: ⭐14 мая (четверг) 19:00 мск – публичная лекция, два домашних задания и бесплатные токены от Utopy.ai; ⭐15 мая (пятница) 19:30 мск – дополнительная закрытая лекция и финальное домашнее задание; ⭐18 мая (понедельник) 19:00 мск – разбор ваших работ и розыгрыш призов. ➡ Регистрация в боте 🔵 Важно! Интенсивы по нейросетям будут и дальше проходить регулярно, но уже в формате нашего Boosty-канала «Вышка». Следующий будет на тему плакатов и креатива в ИИ. Интенсив пройдет уже скоро – анонсирую его здесь, а подписчики Вышки точно не пропустят анонс на Boosty.

👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией ) Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭) Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки. ⭐️ Код прелоадера в файле в комментариях к посту. ✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями. ❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊 #тильда #модификации #прелоадер

Мы сейчас в поиске новых дизайнеров для работы с сайтами, приложениями и брендингом. Мы делаем большие екомы, удобные приложения и помогаем с дизайном крупным компаниям. Среди наших клиентов Дефиле, Х5, СкайРом, Архитектор Групп... Для нас дизайнер — это не только про устойчивый визуал. Это про умение принимать решения на уровне логики продукта и понимания бизнеса. Ты наш идеальный кандидат, если... ☑️У тебя большая насмотренность. Без неё никуда. ☑️Осознанно работаешь с композицией, типографикой и визуальной иерархией. ☑️Умеешь в нейросети и доработку результата до максимально возможного. ☑️Понимаешь, как устроен дизайн-продакшн и как макеты превращаются в работающий продукт. ☑️Можешь объяснить и защитить свои решения через логику и здравый смысл. Хотя бы внутри команды. Будет большим плюсом умением в AE и люстру. Основные задачи: — Проектировать пользовательские сценарии для мобильных приложений, e-commerce и корпоративных сайтов; — Собирать интерактивные прототипы, которые понятны и заказчику, и разработке; — Выстраивать визуальные концепции под задачи, а не «просто красиво»; — Работать с гайдлайнами: применять и адаптировать без потери смысла; — Делать адаптивы, работать с компонентами и дизайн-системами (UI kit, атомарный подход — всё это не должно быть новостью). — Создавать визуал для кейсов, которые будут получать награды. Как откликнуться: Пришли резюме и короткое сопроводительное на team@ancora.agency Расскажи о 3 ключевых кейсах и своей роли в них — по делу, без воды. И приложи ссылки на 1–2 сильных проекта в Figma. Больше не надо. Если мэтч по сивишке — сразу же ответим. Будет супер, если добавишь свой ник в ТГ для связи.

Просто напомню, что мы в Анкора занимаемся разработкой цифровых продуктов: от корпоративных сайтов до e‑commerce, сервисов и мобильных приложений. В конце каждого проекта мы предлагаем клиентам поддержку и развитие. Примерно 70% отказываются и говорят, что будут заниматься всем самостоятельно. Формально это логично: продукт уже запущен, команда есть, процессы вроде бы понятны. Но спустя какое‑то время часть заказчиков возвращается Про один такой проект и хочу сейчас рассказать. Без названий, без спойлеров, просто как пример. В прошлом году мы сделали большой сайт и передали его команде заказчика. Дальше они самостоятельно наполняли его контентом, добавляли страницы. Но с января этого года мы подключились уже в режиме поддержки и развития. Первое, что мы сделали — методично прошли по всем страницам, созданным заказчиком. Посмотрели, как они заполнены с технической точки зрения. Инициировали принудительный переобход страниц в Google. Дальше начинается та часть, которая кажется «скучной», но именно она и есть бизнес — цифры. В январе мы только начали работу.🏆 В феврале у сайта было 2830 показов в Гугле по разным запросам. В марте, продолжая те же системные действия, — уже 6240 показов. А по итогам апреля — 9180 показов. То есть всего за несколько месяцев сайт получил кратный рост видимости и активности — без волшебных кнопок, агрессивных рекламных кампаний и прочих чудес. За счёт последовательной поддержки и аккуратного развития. На этом проекте мы ещё продолжаем наблюдать за динамикой. Возможно, через какое‑то время я покажу этот кейс целиком — с деталями, конкретными шагами и более точными цифрами. Пока же для нас это ещё одно подтверждение: запуск — это не финал, а только начало работы.

Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Пришло время перезапустить книгу в виде сайта! Запускаю ее в формате DocC: • доступна в онлайне, можно ссылаться на любой раздел, • верстка под мобилу и декстоп, • светлая/темная тема. Как и раньше книжка остается бесплатной. Как и раньше выпускать буду главами раз в пару недель, про обновления будет в этом канале. Сейчас доступна первая глава про общее понимание доступности, статистику и как пользоваться скринридером. Самое ценное что вы можете сделать: поделиться сайтом со своими знакомыми программистами, дизайнерами, продактами и рассказать в соцсетях. https://bookshelf.dev/a11y-book/">https://bookshelf.dev/a11y-book/

Types: Mobile App, Startup, Styles: Animation, Dark Fonts: Inter, Aeonik Pro

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR