🚀 Превращаем Фигма макеты в живое приложение без кода

Фёдор из Notamedia показал способ создания рабочих прототипов мобильных приложений через связку Figma, Cursor, Expo и Git. Главная идея в том, чтобы использовать ИИ-редактор кода Cursor для автоматического превращения макетов в React Native приложение. Процесс начинается с подготовки макета: все элементы должны иметь понятные названия, чтобы ИИ лучше понимал структуру. Затем через Figma MCP (специальный сервер) Cursor получает доступ к макету и с помощью команды get_code изучает структуру фрейма. После создания базового проекта через npx create-expo-app достаточно скопировать ссылку на фрейм из Figma и отправить в чат Cursor с нужной командой. Результат можно сразу посмотреть на смартфоне через приложение Expo Go, просто отсканировав QR-код. Внутри: – Зачем нужны «Записи и правила» в настройках Cursor; – Как Git спасает от случайного переписывания кода ИИ-агентом; – Почему важно правильно называть элементы в макете; – Как запустить прототип на любом смартфоне через Expo Go; – Какие команды нужны для сохранения работы через Git; – Почему навыки вайб-кодинга скоро станут обязательными для дизайнеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Google Antigravity — новая агентная IDE. Работает на базе Gemini 3 Pro, но также поддерживает Claude Sonnet 4.5 и модели OpenAI.

Агент не только пишет и тестирует код продукта, но также проверяет работу созданного приложения в браузере, делает скрины и записывает видео своих действий. Он учится на задачах и пополняет базу знаний. Можно выделять конкретные части на макете продукта или скринах и писать в комментарии, что нужно исправить. Есть единая панель управления, с которой удобно контролировать нескольких агентов одновременно. Работает локально на macOS, Linux и Windows. Пока доступна бесплатно, но есть лимит запросов, который обновляется каждые пять часов. #инструменты@zhurnalus_lite
Изображение поста

📋Урок-практика 2. «Знакомство с Figma + собираем главный экран сайта»

Первый практический урок, где мы знакомимся с программой Figma (в которой работают все веб-дизайнеры) сразу на практике по сборке главного экрана сайта! Включайте урок и повторяйте за мной и за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, но, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно скачать и установить приложение на компьютер) 2. Перейти по этой ссылке (это будет твой учебный файл после того, как ты его скопируешь к себе) 3. В верхней части экрана, а именно в верхнем левом углу, будет название файла «Обучение по веб-дизайну (web lab.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список 4. Выбираем команду «Duplicate» Готово! Этот файл теперь как ваша рабочая тетрадь и он дублируется в ваши черновики (Drafts), теперь вы можете работать непосредственно там. Не переживайте – его будете видеть только вы, а сам файл будет иметь пометку Copy. #бесплатник

Unity Video Generalist в Ardor media

Мы — Ardor, качественно работаем над созданием рекламных креативов для мобильных игр и приложений. Задачи: — работа с готовыми билдами мобильных игр в Unity — настройка, кастомизация и экспорт 3D сцен геймплея: свет, камера, объекты, персонажи, текстуры и анимации — запись видеоскринкастов по ТЗ клиента Ожидания: — отличное владение Unity, работа с уже готовыми билдами — кастомизация геймплея в Unity: добавление в билд 3D моделей, изменение текстур, работа с VFX в билде — экспорт из билда Unity: 3D моделей и пересборка в новый билд с добавлением необходимых ассетов для записи видеоскринкаста — настройка сцен: свет, камера, объекты и анимации — умение хорошо считывать стилистику игр, передавать атмосферу и игровые механики Будет плюсом: — базовые знания Photoshop — владение любым 3D пакетом, чтобы быстро производить небольшие исправления 3д моделей из билда Условия: — удаленный формат — оплата зависит от проекта Контакт для отклика: @Ulia_1495 #геймдев
Изображение поста
Рефы
Когда я работал в Точке и в целом в РФ продуктах, была одна проблема — хотелось посмотреть решения у конкурентов или хотя бы что-то близкое, но было негде. Не существовало тогда сервисов, где бы удобно собирались флоу, скрины и прочее продуктов из России и СНГ. Был mobbin, но он на мир. Сегодня эта проблема решилась ребятами из screenoteka.com, которые собрали скрины уже из 74+ приложений. Ребята разбирают каждое приложение на 100% и в итоге у них получилась большущая библа на 5000+ сценариев, 17000+ экранов, а ещё 200 видео скрин-кастов флоу и микроанимаций. Это еженедельно растущая коллекция, которую ребята активно масштабируют и развивают. И большой им лайк, что делают это своими силами. Я знаю, насколько это нелегко, особенно сейчас, в год вайбкодинга. Удобный функционал: ✅ продуманный поиск ✅ древо сценариев ✅ нативные скролл-экраны (скроллшоты) ✅ хотспоты в сценариях ✅ подсказки ✅ возможность скачать любой экран Доступ ко всей библиотеке можно получить по подписке — и да, если вы делаете анализ конкурентов и хотите найти паттерны быстро, то это точно того стоит 👌 Есть бесплатный доступ к последним 2 добавленным приложеням. Кстати, каждую неделю добавляется по 4 прилы. Лайк! ➡️ Смотреть рефы ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Ох уж эти нейросети. Только попробовали одну — и тут же узнали о другой. Ее тоже хочется потестировать, поэтому вы снова что-то скачиваете, где-то регистрируетесь. Это не всегда удобно, а иногда, вот честно, немного бесит.
Вот решение: использовать одно приложение вместо нескольких. Делимся обзором чат-ботов с ИИ в Telegram — для генерации изображений и текста. Несколько вариантов оставляем тут, а полный список ищите в статье медиа. 📌 Kandinsky Официальный бот от Sber AI, созданный на базе одноименной нейросети. Генерирует изображения по текстовому запросу. Описываете идею, выбираете стиль — и через 10–20 секунд ИИ выдаст результат. Если нужно внести правки, можно изменить стиль, промпт, соотношение сторон или модель прямо в интерфейсе. Бот также умеет создавать стикеры и аватары для Telegram. 📌 Midjorobot Аналог Midjourney: генерирует изображения по текстовому описанию и выдает результат с высокой степенью реалистичности. Радуют детализированные текстуры, выразительные лица, качественная имитация естественного освещения и продуманная композиция. Бот сразу генерирует четыре варианта в одном коллаже. Понравившийся кадр можно выгрузить в высоком качестве. 📌 Stable Waifu Работает на базе Stable Diffusion XL, но обучен специально для создания аниме-стиля. Генерирует изображения по текстовому описанию — от персонажей и фонов до полноценных сцен в духе японской анимации. Можно выбрать жанр (фэнтези, школа, киберпанк), задать эмоцию, позу, цветовую палитру и даже стиль освещения. В среднем обработка запроса занимает 10–15 секунд. 📌 MazAi Бот на базе нейросети Dall-E, который точно передает детали и хорошо справляется со сложными промптами. Здесь можно задать направление света, композицию, фон и настроение сцены. Результат получается реалистичным, с аккуратными тенями и естественными фактурами. В MazAi можно выбрать модель для генерации, изменить размер изображения и точечно доработать результат. Пользуйтесь на здоровье, с друзьями делитесь, лайки посту ставьте. #польза @contented
Изображение поста
Изображение канала: Дизайнер, привет
📚 40 элементов интерфейса для начинающих дизайнеров
Автор собрал подробный справочник базовых элементов интерфейса, разделив их на четыре группы: навигация, ввод данных, обратная связь и отображение данных. Каждый элемент объясняется простым языком с практическими примерами использования. Особенно интересны нюансы терминологии. Например, Bottom navigation в мобильных приложениях называется по-разному: Navigation bar в Material Design и Tab bar в Human Interface Guidelines. А меню из трёх точек имеет сразу три варианта: кебаб (вертикальные точки), фрикадельки (горизонтальные точки) и бенто (сетка квадратиков как в сервисах Google). Автор также объясняет важные различия: радио-кнопки позволяют выбрать только один вариант, а чекбоксы несколько; тост исчезает автоматически, а уведомление может быть постоянным. Внутри: – Почему аккордеон и коллапс это разные элементы; – Как три точки превратились в кебаб и фрикадельки; – Зачем нужны хлебные крошки и откуда такое название; – Чем селект отличается от дропдауна; – Почему минимальный размер кнопки 44×44 пикселя; – Какие шесть типов диаграмм чаще всего используют в интерфейсах. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Apple анонсировала список финалистов App Store Awards 2025
Посмотреть лучшие приложения и игры можно тут: apple.co/Finalists2025 🖼️ Хороший интерфейс
Video is not supported
Изображение канала: Женя UPROCK
☄️ Реальный продуктовый кейс от Ozon в вашем портфолио.
Ксюша (@uxrockru) от лица Uprock заколлабилась с Ozon и сделала месячный курс по исследованиям и UX-тестам. У вас будет реальная продуктовая задача от Ozon, а домашние задания будет проверять дизайнер Никита Дик — ответственный за эту задачу в компании. Этот курс нужен апроковцам, чтобы вы: ✦ получили реальный исследовательский кейс по задаче Ozon в портфолио; ✦ смогли по полученной методике исследований улучшить свои учебные проекты (особенно мобильные приложения; сайты тоже можно дополнить исследовательскими блоками); ✦ освоили исследования, которые применяются в Ozon на реальных задачах. Уникальность курса: ✔️ Личная проверка от Ксении Толокновой (ex-дизайн-лид Alfa-Bank) и Никиты Дика (продуктовый дизайнер Ozon); ✔️ Процессы полностью повторяют реальные в Ozon — это сопоставимо со стажировкой в компании; ✔️ Вы получите личный отзыв по вашей работы от Ксении и Никиты (сильное дополнение к портфолио и CV). То есть, цель курса: — Повысить вашу конкурентоспособность на рынке дизайна; — Усилить портфолио и резюме реальными продуктовыми задачами. По срокам: требуется всего 6–8 часов в неделю (курс длится 4 недели). 📌 Цена: Здесь совпало сразу два фактора: первый поток, для которого мы всегда делаем лучшие условия, и Черная пятница. Поэтому стоимость сейчас всего 29 900 рублей вместо 39 000. За эту сумму обычно можно купить 3–4 менторские сессии такого уровня, а здесь вы проходите полноценную месячную программу. Для меня и школы важно в первых потоках дать возможность пройти обучение по максимально комфортным условиям, а затем — на основе отзывов этих студентов показать, что обучение действительно качественное. Больше информации о курсе доступно по ссылке. Также вчера Ксюша проводила вебинар, где подробно рассказала об исследованиях и программе обучения: Youtube / ВК ➡️ Оставить заявку на обучение можно коллегам @uprock_hello — достаточно написать «ux-тесты». P.S. Всем студентам Uprock при покупке курса по исследованиям добавиться 2 месяца обратной связи на другие программы, чтобы вы могли комфортно совмещать обучения.
Изображение поста
Изображение канала: Дизайнер, привет
🎮 Как МТС внедрила геймификацию и подняла retention на 32%
Руслан Ильясов и Антон Минеев из МТС рассказали о четырёх кейсах внедрения игровых механик во внутренние и внешние продукты компании. Самый неожиданный результат показал внутренний сервис SAM, где спрятали эмулятор с ретроиграми вроде Mario и Boogerman прямо в витрине приложений. В приложении «Мой МТС» запустили новогодний адвент-календарь с 30 мини-играми на 30 дней. За прохождение начислялась внутренняя валюта для промокодов партнёров или игровой косметики. NPS среди игравших вырос на 3-4%, заметно увеличился трафик в экосистемные сервисы. В «МТС Карме» за месяц MAU подскочил на 46%, а количество обратной связи между сотрудниками выросло на 22,5%. Команда предупреждает о рисках фрода: если механика связана с промоакциями, всегда найдутся те, кто придёт только за кодами для перепродажи. Внутри: – Почему одна рулетка лучше тридцати мини-игр по багам и рискам; – Как защитить промоакции от перепродажи кодов на сторонних площадках; – Зачем привязывать задания к разным сервисам экосистемы; – Какие трудозатраты понадобились для роста MAU на 32% (спойлер: две бутылки пива); – Почему важно различать внутреннюю и внешнюю мотивацию пользователей; – Как геймификация из маркетингового аттракциона становится системным инструментом. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Yuloo Studio | Инвест.дизайн
Как у нас проходят оплаты доставок и мебели в проектах?
С доставками и курьерами бывает непросто. И неважно, речь идет о маске для волос или о заслуженном наборе роллов – голову могут вынести знатно. Что-то вечно теряется, приезжает не в то время, не по тому адресу или не в том виде. Либо ждешь часами, либо вскакиваешь в 8 утра в выходной от звонка курьера. А теперь представьте количество доставок в масштабах стройки. Не одна коробка и не один курьер, а поток: мебель из разных городов, техника с разными габаритами, свет, двери, сантехника, частные перевозчики, маркетплейсы со своими временными промежутками. А человеческий фактор никто не отменял: могут привезти не то, занести не туда, или приехать с мебелью, которая физически не пролезает в лифт. Приятная новость в том, что если вы наш заказчик – вас это никак не коснется. Я создала систему, в которой дизайнер, курирующий проект, полностью берет все процессы на себя. Заказчик включается только в важных стратегических моментах – согласование коллажей, сметы, расходов и пропусков. Момент оплаты тоже продумали: чтобы не беспокоить по каждому коду для оплаты, в начале работы заказчик выпускает карту на ФИО дизайнера, привязанную к собственному счету. Мы сами оплачиваем все необходимое. Прозрачность кристальная – расходы фиксируются на этапе согласования сметы и отслеживаются в приложении банка. В каждом случае решаем вопросы индивидуально – кто-то может перевести всю сумму сразу, кто-то частями. Ищем оптимальный вариант для обеих сторон и начинаем работать. За все годы работы поняла, что это самый удобный вариант для всех👌🏻 Объект в Резиденции Замоскворечье с бюджетом 20.000.000 реализовывали по этой же схеме. Заказчик жил в Испании, и весь проект мы вели полностью дистанционно. На объект он приехал только один раз – на итоговую приемку, уже вместе с семьей. Безупречный результат не зависит ни от расстояния, ни от часовых поясов, ни от масштаба работ. Только от подхода и четкой организации.
Изображение поста
Изображение канала: Figma Design
Fig Store — плагин позволяет находить иконки и скриншоты приложений из App Store.
Install plugin
Video is not supported
Изображение канала: Саша из Анкóры. Дальше дизайна
Ребятки, хочу вам сказать спасибо!
Вчера опубликовали на Дизайнерс статью о том, как мы делали дизайн для приложения ЕлиПили, а сегодня. Сегодня, благодаря вашим просмотрам и поддержке, мы попали не то что в раздел "Рекомендации", но и в почтовую рассылку от Дизайнерс. Это значит, про нашу работу и наших заказчиков узнает несколько тысяч людей. Мои искренние обнимашки ❤️ и отдельное мерси Денису, что нашел проблемные картинки. Все исправили, чтобы сделать кейс еще красивее Обнял
Изображение поста
Изображение канала: Женя UPROCK
🤔 Заметили, как часто дизайнеры обесценивают работы друг друга?
Вы точно слышали фразы: «это концепт», «фейк», «просто картинки». Добро пожаловать в мир творческих людей, где проще обесценить чужую работу, чем развиваться самому. К сожалению, это реалии нашего рынка. И с этим нужно уметь работать. Сейчас в тренде «продуктовые обоснования дизайна». Не важно, подходят ли они для лендинга или другого проекта — главное, чтобы было слово «продукт». Мы с Ксюшей (@uxrockru) решили найти способ, который с одной стороны удовлетворяет запрос на «продуктовость», а с другой — остается универсальным для любых типов проектов (от сайтов до мобильных приложений). Ксюша, как обычно, глубоко изучила задачу и создала свою методологию: как обосновывать дизайн, какие методы работают и в каких ситуациях. И самое интересное — она организовала коллаборацию с OZON, чтобы их опыт усилил ее методологию на примере ключевого функционала компании — дизайна карточки товара. ⚡️Все это Ксюша упаковала в вебинар, который проведет завтра в 20:00 (МСК) вместе Никитой Диком (продуктовым дизайнером OZON) На вебинаре вы узнаете: ✔️ как аргументировать ваш дизайн; ✔️ какие обоснования помогают избежать критики и обесценивания; ✔️ как любые учебные проекты — от лендингов до мобильных приложений — можно пропустить через исследование для усиления аргументации (❗️важно для студентов UPROCK); ✔️ как устроены исследования в крупных компаниях: OZON, Альфа-Банк и др. 🎁 Бонус: для всех участников Ксюша подготовила чек-лист по приемке и проверке дизайна. ➡️ Регистрация на вебинар по ссылке — бонусный чек-лист будет доступен в этом боте завтра после трансляции. P.S. Запись будет, но сохраним ее только на сутки ❗️
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Презентация приложения CashApp
🖼️ Хороший интерфейс
Video is not supported
Изображение канала: я не дизайнер, просто кость креативная
Приложение для общения с УМЕРШИМИ запустил стартап 2Wai.
Пользователи могут создавать ИИ-аватары своих усопших близких и имитировать с ними общение по видеосвязи. • В рекламном ролике беременная девушка общается с аватаром своей покойной мамы, которая даёт ей советы по беременности. • Затем показывают кадры через 10 месяцев — когда «бабушка» читает своему внуку сказки. • Спустя годы выросший мальчик болтает с «бабушкой» по дороге из школы домой. • В финальной сцене он уже взрослый мужчина и рассказывает своей «бабушке», что скоро она станет прабабушкой. Самое интересное, что это буквально серия «Чёрного зеркала» от 2013 года— там скорбящая женщина создала ИИ-модель своего покойного парня для общения. Проклято
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
В Mobbin появились скринкасты анимаций
«Посмотрите, как приложения мирового класса используют движение, чтобы направлять, радовать и создавать безупречный опыт — теперь на Mobbin» https://mobbin.com/ ↗ 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Video is not supported
Изображение канала: Дизайнер, привет
🍎 iOS 26: когда дизайн мешает пользоваться телефоном
Ралука Будиу из Nielsen Norman Group разбирает новый визуальный язык Apple Liquid Glass. Интерфейс теперь переливается и мерцает, как будто телефон обернули в желе, но красота оборачивается проблемами с юзабилити. Главная претензия к прозрачности элементов. Текст поверх изображений становится нечитаемым, особенно когда Apple предлагает ставить фотографии фоном для сообщений. В почтовом приложении дошло до абсурда: текст накладывается на текст, превращая чтение темы письма в криптографическую задачку. Кнопки постоянно анимируются без смысла: точки карусели превращаются в слово Search, вкладки пузырятся и покачиваются при переключении. Расстояние между элементами сократилось вопреки гайдлайнам Apple о минимальных 0.4 см между целями для нажатия. Внутри: – Почему полупрозрачные элементы управления конкурируют за внимание с контентом; – Как поиск переехал снизу вверх, нарушив многолетние привычки; – Зачем кнопка «Вперёд» в Safari то появляется, то исчезает; – Почему вкладки спрятали в меню многоточия вместо прямого доступа; – Как хлебные крошки исчезли из кнопки «Назад»; – Почему автор считает это попыткой отвлечь от отсутствия обещанных AI-функций. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Саша из Анкóры. Дальше дизайна
Новый кейс, но пока без превью... 📱
Большое событие для команды нашего агентства Ancora.🏆 В начале этой недели мы отправили в релиз новое мобильное приложение, в App Store и Play Market. Проект для компании, которая занимается косметологическими продуктами. Мы пока не можем показать дизайн — есть договорённость с заказчиком не делиться проектом до полноценного запуска. 😎 Для нас это очень крутой опыт и проект. Нам пришлось погрузиться в профессию и нишу. Опрашивать знакомых косметологов и заваливать их вопросами. Это помогло нам разобраться, как работают косметологи, изучить зоны и области введения филлеров, новую терминологию. И всё это — за довольно сжатые сроки. Для заказчика это первый цифровой продукт такого масштаба. Мы проектировали приложение с нуля, согласовали десятки мелких деталей, сделали стильный современный дизайн. Делали адаптивную верстку и собрали кроссплатформенное приложение, которое сейчас проходит финальные проверки в сторах. Мы безмерно рады что смогли сделать это приложение настолько проработанным и продуманным. Написали для приложения специальный парсер, чтобы на стадии MVP добавлять информацию в новые сборки супер оперативно. Да, кстати, для нас — это уже второе мобильное приложение, которое мы релизнули за последние три месяца. Предыдущее вышло в августе. Но оно для внешнего рынка. Скоро обязательно покажу, как выглядит это приложение. А пока просто делюсь радостью: ещё один релиз, ещё одно живое приложение, и ещё один опыт, который прокачал команду. Ну и конечно, это заслуга команды. Они все очень крутые.❤️ Обожаю. @Саша из Анкоры
Изображение поста
Изображение канала: Любовь, дизайн и метрики
⚡️ Новый выпуск подкаста от UX-lab!
YouTube: смотреть VK: смотреть Поговорили с Андреем Тарасовым — дизайн-директором Авито. Интервьюер — исследователь Кристина Тищук. Что обсудили: 🔴Команда: работа с well-being и найм сотрудников в условиях роста команды 🔴Карьера: путь от контрибьютора до менеджера — что нужно, чтобы вырасти? 🔴Будущее: как AI изменит профессию и чем будут заниматься дизайнеры 🔴И ещё: личный путь Андрея, дизайн интерьеров и городской среды, развитие пользовательского опыта и нелюбимый цвет 😃 А также поиграли в «Стрем или Норм» — оценивали интерфейсы известных приложений. И да, «Если ты стал дизайнером, то ты навсегда дизайнер» ✨ #подкаст@designavito #UXисcледователи@designavito #research
Изображение поста