📱 Как в Додо переписали слайдер оплаты на Compose

Дима Максимов из Dodo Engineering рассказал, как команда переписала слайдер быстрой оплаты с MotionLayout на Compose. Старый компонент накопил 15+ багов: слайдеры появлялись с двух сторон, текст просвечивал, а скрыть элементы было почти невозможно. Новый функционал для закрытых кофеен и переливающегося фона добили старую систему окончательно. Решение оказалось проще, чем казалось: создать кастомный Layout Composable вместо сложной структуры из стандартных контейнеров. Результат: контролируемые анимации, чистый код и возможность легко добавлять новые фичи. Плюс шиммер для подсказок и хаптик для тактильной обратной связи. Внутри: – Проблемы MotionLayout с видимостью и сложными сценами; – Выбор между Compound Composable и Layout для слайдера; – Создание каркаса с Thumb и Background компонентами; – Настройка жестов через AnchoredDraggable и якоря; – Измерение динамического контента по правилам дизайна; – Анимации растягивающегося следа и надписей; – Управление состояниями через внешний стейт; – Добавление шиммера и тактильной обратной связи. Статья больше техническая, но довольно интересная. Внутренняя кухня разработки мастхев) Особенно, когда дело касается мелочей в виде слайдера, а проблем тоже хватает 👀 Так что ваш слайдер в фигме за 2 минутки в макетах превращается в кучу кода для разработки)) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

UI Kit "Helio" by Emilie Crassard Большой набор компонентов для создания каркасов веб сайтов и приложений

Изображение поста

🎨 Как в Фигме рождаются продуктовые иконки

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

урок №11 Кости

Анимация персонажа с помощью костей, Анимация движения костями, создание анимированного каркаса с помощью костей, методы обратной кинематики. #tools #tutorial Хорошие идеи Adobe Animate
Sections Ecommerce — набор каркасов электронной коммерции для Sketch и Figma.
sections.pixsellz.io/ecommerce Retro Figma
Figmate Design Library
Представляем вам Figmate — мощную библиотеку для Figma, которая предоставляет доступ к более 1000 готовых макетов, каркасам, компонентам и ресурсам. Эти элементы помогут вам создавать потрясающие проекты за считанные минуты. С Figmate вы можете быстро просматривать и импортировать красиво оформленные ресурсы прямо в ваше рабочее пространство. Install 🖼 Figma Дизайн
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
Лестница Бена Ханта: как делать сайт не для себя, а для людей
Разрабатывая сайт для компании по строительству каркасных домов, важно помнить о создании уюта и надёжности. Изучим, как сделать жилище удобным и комфортным для жильцов Читать на дизайнерс | #статья
Изображение поста
ZBrush простыми словами: Основы ZSphere
Твердый фундамент для новичка в ZBrush. Как использовать ZSphere для создания каркаса модели: возможности, принципы редактирования, особенности работы и как избежать типичных ошибок. 🖼 Смотреть #инструменты
Clonify Library — библиотека готовых макетов, каркасов и ресурсов Figma.
Изображение поста
КАРКАС САЙТА ДИЗАЙНА ИНТЕРЬЕРОВ
Содержание: — Главная. — О нас . — Проекты. — Блог. — Портфолио. — 404. — FAQ. #каркас #дизайнинтерьеров #прототипирование Макеты Figma
⭐️ High Fidelity Wireframe UI UX Kit iOS Android App
Набор каркасов мобильных приложений 📁 PSD, SKETCH, XD, FIG 💼 #Интерфейс #Photoshop #Figma #XD #Sketch ℹ️ ПОДРОБНЕЕ | 📥 СКАЧАТЬ
Изображение поста