Auto Layout Buttons/Kit – Набор из 288 компонентов кнопок с автоматическим расположением

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

Продуктовый дизайнер в кредитное подразделение ВТБ

Задача: — проектировать сложные интерфейсы банковских продуктов — продумывать бизнес-логику — предлагать оптимальные решения, в том числе нужен нестандартный подход Ожидания: — Figma: Auto layout, Variants — Pixel Perfect — Atomic Design — логическое мышление — опыт в исследованиях будет плюсом Условия: — график работы 5/2, с 9 до 18 — формат гибридный: ПН, ПТ удаленно, ВТ, СР, ЧТ офис — ЗП: 200-250к — премия по итогам года Контакт для отклика: @AlexanderMazurov #дизайн
Изображение поста

Набор иконок.

• 1000+ векторных иконок в outline-стиле • Форматы: Figma (Auto Layout 4.0), SVG #icons #outline #library Открыть в Figma
Video is not supported

Mini Design System — небольшая система дизайна + туториал по Auto-layout

Изображение поста
Набор компонентов для выбора даты и времени.
• 15+ готовых компонентов с поддержкой Variants и Auto Layout • Адаптирован для веб и мобильных проектов • Регулярные обновления и улучшения #uik #datetime #components #web #mobile Открыть в Figma
Video is not supported
📱 Как в Додо переписали слайдер оплаты на Compose
Дима Максимов из Dodo Engineering рассказал, как команда переписала слайдер быстрой оплаты с MotionLayout на Compose. Старый компонент накопил 15+ багов: слайдеры появлялись с двух сторон, текст просвечивал, а скрыть элементы было почти невозможно. Новый функционал для закрытых кофеен и переливающегося фона добили старую систему окончательно. Решение оказалось проще, чем казалось: создать кастомный Layout Composable вместо сложной структуры из стандартных контейнеров. Результат: контролируемые анимации, чистый код и возможность легко добавлять новые фичи. Плюс шиммер для подсказок и хаптик для тактильной обратной связи. Внутри: – Проблемы MotionLayout с видимостью и сложными сценами; – Выбор между Compound Composable и Layout для слайдера; – Создание каркаса с Thumb и Background компонентами; – Настройка жестов через AnchoredDraggable и якоря; – Измерение динамического контента по правилам дизайна; – Анимации растягивающегося следа и надписей; – Управление состояниями через внешний стейт; – Добавление шиммера и тактильной обратной связи. Статья больше техническая, но довольно интересная. Внутренняя кухня разработки мастхев) Особенно, когда дело касается мелочей в виде слайдера, а проблем тоже хватает 👀 Так что ваш слайдер в фигме за 2 минутки в макетах превращается в кучу кода для разработки)) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Веб дизайн в Figma
#Фишки #Обновления
Мелкие обновления Auto Layout 1. Отрицательный отступ Теперь в AL мы можем применять к элементам отрицательный отступ. Удобненько. Так же, отрицательный отступ можно применять к элемента вне AL 2. Верхний элемент Появилась возможность выбирать очередность элементов сверху вниз в AL. Примечательно, что в слоях элементы не меняют свое положение.
Video is not supported
Изображение канала: Дизайн-Телега 🔥
70+ модальных и всплывающих окон UI K
• Чекбоксы и всплывающие окна • 100% auto layout • Цвета и типография #DesignSystems #UIk  Открыть в Figma
Video is not supported
Изображение канала: Figma
Модульная сетка. Часть 2.
В Figma также можно настраивать сетку. Вы узнаете как её включить, убрать и настраивать для создания дизайна. 1. Чтобы включить или отключить сетку в Figma, нажмите на комбинацию горячих клавиш «Ctrl + Shift + 4». 2. Чтобы сделать сетку в приложении, выберите фрейм и в правой панели напротив надписи «Layout grid» нажмите на иконку плюса. 3. Для настройки сетки нажимаем в правой панели на саму иконку сетки. В появившемся окне вы сможете изменять размеры, цвет и прозрачность сетки. Также делать сетку в виде горизонтальных или вертикальных колонок. Колоночную сетку можно задать, выбрав вместо значения «Grid» (сетка), надпись «Columns» (колонки или столбцы). Если хотите, чтобы колонки были вертикальными, то следует задать значение «Rows» (строки)
Video is not supported
Изображение канала: Плагины Figma
Autolayout All — плагин добавляет auto layout сразу к нескольким выбранным элементам.
🔗 Figma Community ▫️ #accessibility 🗳 Плагины Figma
Video is not supported
Изображение канала: Веб дизайн в Figma
Autolayout All — плагин добавляет auto layout сразу к нескольким выбранным элементам.
🔗 Figma Community ▫️ #accessibility
Video is not supported
Изображение канала: Профессия Дизайнер
Shuffle Layout — созданные случайным образом красивые макеты веб-сайтов.
shuffle.dev/setup
Video is not supported
Изображение канала: BBE: UX/UI и продуктовый дизайн
💸 Акции Figma взлетели в цене на 250%
Сегодня притворяемся очень деловым изданием и считаем чужие денюшки, потому что акции нашей любимки подорожали в 3,5 раза на Нью-Йоркской фондовой бирже после IPO. И это крупнейший скачок цены акций в ходе дебютных торгов по крайней мере за 30 лет для американских компаний с IPO объемом более $1 млрд. Что ж, мы всегда в нее верили, поэтому у нас набралось много материлов о работе в Figma: ● Разбирали апдейты Figma: упрощенный Auto Layout, ИИ для копирайтинга и др. Помогала нам в этом Кристина Уварова, старший продуктовый дизайнер «Яндекса». ● Тестили Figma Slides вместе с нашим дизайнером презентаций Марией Асауляк. А еще Маша поделилась основными правилами и приемами классной презентации. ● Учились с нуля до первого макета — дизайнер продуктовой студии Crauch Дарья Третьяк рассказала об основах Figma и объяснила, как пользоваться сервисом и настроить его под свои задачи. ● Собрали топ плагинов для Figma, которые подготовила нам команда Crauch. ● Поговорили о новых (и не всегда очевидных для дизайнеров) фичах Figma. ● А для студентов «UX/UI-дизайнер» и «UX/UI-дизайнер Plus» недавно обновили целый тренажер по Figma. В нем собраны разные темы: от совсем базовых до продвинутых. При этом, у заданий нет дедлайна — ими можно заниматься в своем темпе. Присоединяйтесь, чтобы взлететь так же высоко, как и Figma!
Изображение поста
Изображение канала: Дизайн Борщ
Плагин Pro Layout Panel для Figma, который добавляет панель со всеми раскрытыми свойствами автолейаутов
Смотреть плагин 🍲 Дизайн Борщ
Изображение поста
Изображение канала: Dropzz
Layout Grid Visualizer
Плагин создает слои из всех сеток примененных в макете. 💾 Открыть Dropzz #Plugin
Video is not supported
Изображение канала: Только Figma
Buttons Components.
Готовые компоненты чекбоксов и селекторов с Auto Layout, типографикой и 94+ вариантами. Открыть в figma 🔗 #Файлы
Изображение поста
Изображение канала: Figma за 60 секунд | Веб-дизайн
💫 Огромный бесплатный UI Kit, с более чем 1000 иконками, тёмной и светлой темой, компонентами и Auto Layout.
Ссылочка: Lookscout - Design System Теги: #полезное #UIKit 🖼 Figma за 60 секунд
Изображение поста
Изображение канала: Дизайнер, привет
🔓 Работа нового грида в Фигме
Теперь можно легко создавать сетки из карточек, кнопок и других элементов, задавая количество строк и столбцов. Это упрощает работу дизайнерам и помогает лучше понимать разработчиков. В статье объяснили, как включить и настроить Grid, чем он отличается от других режимов Auto Layout и какие есть ограничения по сравнению с CSS Grid. Внутри: – Что такое режим Grid; – Как настроить сетку; – Разница с другими режимами; – Удобство для дизайнеров и разработчиков; – Текущие ограничения функции. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Interface designers
⚡ How To Get Real Feedback From Real Users
Let’s be honest. Most feedback tools get ignored. Why? Because they’re asking at the wrong time — and in the wrong way. Here’s how to do it better 👇 ✅ Feedback widgets help teams gather feedback at scale. Think in-app surveys, pop-ups, panels, sidebar buttons — they can work, if used right. ✅ Ask for feedback only once a customer has succeeded or failed. (i.e. confirmation pages, completed transactions) ✅ Ask specific questions about the process just completed. ✅ Let users choose up to 5 descriptive tags (e.g. good price, confusing layout, fast checkout). ✅ Start with quick, closed-ended questions (ratings, multiple-choice) before inviting open text. Useful resources for teams who care about feedback quality: 📚Microsurveys Database (Notion) 📚9+ Ways to Collect Feedback 🔗 Read the full article
Изображение поста
Изображение канала: Graphic Design Gurus
Тренды на летний дизайн с помощью MidJourney ☀️
Лето — время ярких идей, свежих палитр и смелых экспериментов. Если вы работаете с MidJourney, это отличная возможность создавать дизайны, которые цепляют атмосферой и актуальны для сезона. Вот 5 трендов, которые можно использовать: 🌿 1. Натуральные текстуры и материалы Плетёные элементы, лен, хлопок, ротанг — добавляйте в промты образы летнего уюта и лёгкости: “woven texture, linen fabric, natural fibers, summer aesthetic” 🍋 2. Яркие фруктовые оттенки Цитрусовая гамма (лимонный, апельсиновый, лаймовый) отлично передает энергетику сезона: “citrus color palette, lemon yellow, tangerine orange, lime green” 🏖 3. Летний минимализм Лёгкие пастельные тона, много воздуха, минимум деталей — идеально для модных постеров и упаковки: “pastel tones, airy design, clean minimal layout, summer vibes” 🌸 4. Цветочные мотивы в стиле ретро Флористика с налётом винтажности: “vintage floral pattern, muted colors, retro summer aesthetic” 🏄‍♀️ 5. Солнечные тени и фильтры Играйте с солнечным светом и мягкими тенями: “sun-drenched, soft shadows, golden hour light, dreamy summer glow” 🎨 Совет для промтов: Начинайте с описания атмосферы: “summer breeze, sunlit, airy textures, warm tones” а потом добавляйте ключевые элементы и стиль: “flat illustration, watercolor effect, editorial design, vibrant poster art”. AI Design Gurus | Нейросети для графических дизайнеров и контент-мейкеров
Изображение поста