⚙️ Перестаньте делать прототипы в Фигме

Эли Томас рассказал, как перестал делать прототипы в Фигме и начал сразу собирать интерфейсы в коде. Раньше он тратил по несколько дней на макеты, которые всё равно потом переделывали. Теперь делает рабочий прототип за пару часов и команда сразу его тестирует. Он показал, как устроен процесс: текст в Miro, спека через нейросеть, код в редакторе, обратная связь и правки. Такой подход ускоряет работу и делает взаимодействие между дизайнерами и разработчиками проще. Внутри: – Почему Фигма больше не спасает от переделок; – Как устроен процесс от текста до кода; – Что даёт живой прототип вместо макета; – Почему разрабам так проще; – Когда стоит пробовать такой подход; – Что помогает идее быстрее попасть в продукт. ➡️ Читать статью (нужен впн) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Друзья, приглашаем вас на онлайн-занятие «Как сделать кликабельный прототип Figma для тестирования сценария работы продукта», которое проведёт Ирина Хафизова, дизайн-директор в Grids.

🗓 25 июня 16:00-18:00 (МСК) Это практическое онлайн-занятие предназначено для тех, кто хочет научиться самостоятельно создавать кликабельные прототипы простых вайрфреймов в Figma без помощи технического или продуктового дизайнера. В результате занятия должен получиться готовый кликабельный прототип (≈ 10 экранов). 🎯 На занятии: Теоретическая часть: • что такое кликабельный прототип в Figma, зачем он нужен и т.д.; • что такое сетка, зачем она нужна; • зачем нужен горизонтальный вертикальный шаг; • что такое базовая единица, как она применяется; • показываем готовый сценарий или остановимся на создании структуры в FigJam. Большая практическая часть: • Вайрфреймы. Как их рисовать: - нарисуете 1-2 основных экрана со всеми основными элементами. • Создание прототипа: - как в режиме прототипирования в Figma между собой объединять варфреймы по нашему готовому сценарию; - как сделать базовую анимацию перехода между экранами; - участники попробуют сделать несколько экранов в прототипе; - в режиме реального времени показываем создание прототипа. ✨ Занятие будет максимально полезным для: • UX-исследователей, которые хотят научиться работать с Figma, базовыми функциями прототипирования, аналитики, бизнес-аналитики; • менеджеров продукта. ✏️ Записывайтесь на занятие Ждём вас!)
Изображение поста

15 июня рассказал о подарке из Кыргызстана от автора этого графического шедевра АЛЕКСЕЯ ЛЫСОГОРОВА

Далее его рассказ о процессе. На фото фрагмент этой огромной работы. Графика остальных мастей – интрига. Вся колода – на ресурсах Алексея :)   В общей сложности работа шла около 2 лет. Начинался проект с коммерческого и более простого, но потом заглох. Ввязавшись уже в тему хотелось самому его завершить. По плану было 12 иллюстративных карт для крупных мастей, а остальные сделать "номерками", как это принято в сувенирных и игровых картах. Но потом пересмотрел концепт и решил размахнутся на все 54 уникальных дизайна для каждой из карт. Конечно низкие номиналы попроще, но есть и своя иерархия в концепте. Много времени занимали и пробы, различные типы упаковки, прототипы, ошибки и разочарования. Так как проект был скорее личным и хобби-ориентированным, потому и растянулся по времени почти на 2 года. В итоге получился интересный проект, который не стыдно подарить коллегам, друзьям, и ценителям графического дизайна
Изображение поста

Как Figma Smart Animate превращает микровзаимодействия в магию дизайна

Недавно я работал над проектом и задумался: сталкивались ли вы с тем моментом, когда душа дизайнера поёт, видя, как кнопка мягко «отскакивает» от нажатия? Это я про micro‑анимации — те самые мелочи, что делают интерфейс живым и понятным. Figma Smart Animate помогает создать такие взаимодействия без кода: ссылка между двумя фреймами, одинаковые слои с разными параметрами — и готово! Smart Animate сам плавно анимирует изменение положения, размера, прозрачности, цвета… Мало того, вы можете настраивать easing и продолжительность — и магия включается прямо в прототипе. Помню, как впервые увидел, как карточка аккуратно расширяется при клике — и вместо сухой перелистки я почувствовал связь с экраном. Прототипы стали живыми, команды оживлёнными, а разработчики сразу поняли, что я имел в виду. Конечно, важно — не переборщить. Иногда достаточно лёгкого нажатия, а не драматичного всплытия. Рекомендации: держать анимацию в 100–300 мс, выбирать мягкий easing «ease-in‑out», тестировать её на устройствах. Так микровзаимодействия помогают понять интерфейс, а не отвлекают. Если вы пока не пробовали Smart Animate — попробуйте прямо сейчас: небольшая кнопка, карточка, лоадер. И пусть ваши прототипы станут чуть человечнее, чуть живее — и в них захотят верить уже на этапе дизайна.
Изображение поста
Volt — поможет освоить интерактивное прототипирование.
Senior дизайнер продукта в МАХ
⌛️ Что такое МАХ Цифровая платформа, в которую интегрированы мессенджер, мини-приложения, нейропомощник, платёжный сервис и конструктор чат-ботов.   ⚙️ Задачи:  – Проектировать и улучшать интерфейсы на основе проверенных идей; – Адаптировать дизайн под разные платформы и их паттерны; – Делать прототипы, отправлять их на тесты и участвовать в наблюдении; – Собирать макеты из элементов дизайн-системы; – Презентовать решения, отвечать на вопросы и обрабатывать комментарии; – Помогать разработчикам во время реализации, быстро давать ответы; – Проводить дизайн-ревью и следить за качеством итогового продукта. ☀️ Что важно: – 3+ года в продукт-дизайне с портфолио мобильных и веб-проектов; – Знание iOS, Android и web-паттернов, умение делать понятный и красивый UI; – Полный цикл: исследования → CJM → прототип → тесты → handoff разработке; – Навык чётко презентовать и защищать решения перед командой/стейкхолдерами; – Готовность работать в гибридном формате (офис Москва или Санкт-Петербург); – Бонус: моушен-дизайн (анимации) и проактивность,   📣 От них: – Гибкий график работы; – Бонусы и скидки от партнеров; – Офис в центре города; – ДМС; – Профессиональная команда. ➡️ Описание ➡️ Прямой отклик
Изображение поста
Плагин Ultra Renamer 2 — автоматически нумерует выбранные фреймы в Figma по заданному шаблону всего за один клик.
White Coat Mockup on Snowy Stones | #мокапы
Качественный прототипный мокап пуховика с приятным фоновым визуалом. Он качественный, удобный и вариативный в использовании. 🤘 👉🏼 Скачать Больше материалов: @designrar
Изображение поста
Нужен веб-дизайнер для разработки прототипа и дизайна веб-сайта.
Продукт: банкротство физических лиц. Откликнуться 👉 @aleksandr_zubko
Изображение поста
Ве-би-нар. Создаем игру за 2 часа с помощью нейросетей 🎮🤖
Создадим в прямом эфире бесконечный раннер в Unreal Engine 5 — узнаете, как запустить прототип с нуля по чёткому пайплайну за один вечер. Фокус сделаем на нейросетях: как с их помощью генерировать механики, развивать персонажей и создавать работающий код — всё, что сэкономит время и облегчит продакшен. Спикер — Сергей Костюшкин, разработчик на Unreal Engine, который выпустил AirBorne Sea и Cast Cats на Steam, а сейчас работает над ExoCogs. Ваша польза и кайф: — Научитесь взаимодействовать с ИИ: поймёте, какие задачи точно легко делегировать нейросетям, а где нужен контроль. — Разберётесь в типовых ошибках начинающих разработчиков в Unreal Engine 5 и не будете допускать их в своей работе. — Получите готовую структуру проекта, в которой легко разобраться и развиваться дальше. — Да и просто посмотрите, каково это — создавать игру! Дата и время — 25 июня, 19:00 по московскому времени. 🔗 Регистрируйтесь по ссылке
Изображение поста
MockFlow — плагин для быстрого создания прототипов.
Изображение поста
Нужен дизайнер для разработки прототипа сайта сервиса аналитики продаж ( прототипирование и дизайн)
Откликнуться 👉 @Sergey_Leschuk
Изображение поста
🎁 Подарок к практикуму по веб и UX/UI дизайну, который поможет сделать вашу домашку еще лучше😉
Мы собрали для вас несколько советов, как усилить визуал UX/UI-дизайнеру, изучайте по ссылке ниже⬇️ и ждем ваши домашки в личку нашему куратору-эксперту @katelogom до 19:00 мск Как усилить визуал, читать🤓 Дублируем домашнее задание: Создать прототип первого экрана сайта (+дизайн первого экрана, если успеваете) в Figma по заданию: https://docs.google.com/document/d/1Kopzs2-76g0FZKp-0jOPWaVw9zYgJZkVz8jTaFWmILw/edit?tab=t.0#heading=h.srwtlhntwvn5 Помни, что экран должен быть простым и максимально понятным 💥 Полезные ссылки 💥 Урок по работе в Figma от Логомашины: https://vkvideo.ru/video-164023853_456250176 Принимаем домашки до 19:00 мск, до встречи вечером на эфире👋
Изображение поста
Ищем веб-дизайнера, который поможет нам с вебом (8 шаблонов)
🔴 Вакансия на паузе Зарплата: от 90 тыс руб за проект Город: Москва Грейд: Middle Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка, #freelance Контент готов, есть прототип и референсы. Нужен дизайн сайта (8 шаблонов страниц). 👁👁 Откликнуться →
Изображение поста
Volt — бесплатный starter kit, который поможет вам освоить интерактивное прототипирование во Framer.
www.framer.com/volt/ 💎 Дизайн Туса
Мы в эфире!
Сегодня ты узнаешь: ⭐️ что нужно знать, чтобы стать UX/UI-дизайнером ⭐️ какие есть перспективы по зарплате у UX/UI-дизайнера ⭐️ как работать с брифом, чтобы минимизировать переделки ⭐️ что важно учесть в прототипе Залетай👇 https://get.logomachine.ru/pl/webinar/show?id=3154008&view=1
Изображение поста
Мы в эфире!
Сегодня ты узнаешь: ⭐️ что нужно знать, чтобы стать UX/UI-дизайнером ⭐️ какие есть перспективы по зарплате у UX/UI-дизайнера ⭐️ как работать с брифом, чтобы минимизировать переделки ⭐️ что важно учесть в прототипе Залетай👇 https://get.logomachine.ru/pl/webinar/show?id=3154008&view=1
Изображение поста
Как вести много проектов и не сходить с ума?
Есть темы в дизайне и фрилансе, на которых я буквально собаку съела. Одна из них — ведение проектов. Когда я была фрилансером, моя средняя проектная нагрузка была такой — примерно 8-10 проектов я вела параллельно на креативных этапах (прототипы, дизайн, верстка) + параллельно минимум 5-6 было на этапе продажи. Именно поэтому, когда к нам на собеседование приходит проджект и говорит, что его максимум — до 10 проектов, я грустно закатываю глаза вверх, потому что знаю, что при грамотном планировании можно самостоятельно вести это количество проектов, и еще и успевать эти проекты создавать 😎 Но это возможно только в случае, когда вы реально умеете классно планировать, приоритизировать задачи и не залипайте на весь день в чатиках с клиентами. ~ Ну и собственно, недавно анализировали мы с Машей, чему еще не учили дизайнеров, и поняли — что как раз-таки ведению проектов. Решили это исправить и собрали новый мини-курс в нашей дизайнотеке — за 3 лекции и 1 мастер-класс разберемся в теме управления проектами для фрилансеров и дизайнеров вдоль и поперек 🐠 Курс доступен по подписке — кроме него вы получите еще 15 других мини-курсов и больше 100 полезных видео- и просто материалов для дизайнеров и фрилансеров. Цена подписки — 1490₽ в месяц. Рекомендую оформить её сейчас, чтобы курс о проектах не проворонить :) Старт 9 июля. Подробности нового курса тут – ссылка
Изображение поста
Decorist ищет UX/UI дизайнера
🟢 Вакансия открыта Зарплата: До 200 тыс руб. Город: Санкт-Петербург Грейд: Middle Кто ищет: Владелец бизнеса Тэги: #designer, #design, #дизайнер, #ищудизайнера, #freelance Необходимо сделать кликабельный прототип нашего веб приложения в Figma (платформа по созданию и презентации интерьеров)  👁👁 Откликнуться →
Изображение поста
🧱 Редизайн шапки в сложной системе
Команда Экзона делится, как перезапускала шапку в интерфейсе для управления стройкой. Продукт разросся, всё стало перегруженным, особенно навигация. Пользователи жаловались, интерфейс трещал по швам. Ребята собрали 37 версий шапки, проанализировали каждую, выкатили новый вариант и показали, как это выглядело в реальности: с тестами, факапами и выдохом на финише. Очень полезный кейс, если работаете с нагруженными системами. В статье честно рассказывают, что пошло не так, как строили логику, с чего начинали, что помогло. Не просто картинки до и после, а подробный путь всей команды. Внутри: – Как вырос и усложнился продукт; – Почему старая шапка перестала работать; – 37 вариантов интерфейса в одном прототипе; – Как проектировали хлебные крошки и аппбар; – Что не взлетело и что в итоге выстрелило; – Как протестировали, переделали и выкатили результат. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста