Button Stealer. Забавное браузерное расширение, которое автоматически коллекционирует кнопки со всех сайтов, которые вы посещали. Архив кнопок можно смотреть на специальной странице расширения.

Доступно в браузерах Chrome и Arc. #десерт

Как пользоваться: 1. Нажмите правой кнопкой мыши по макету и перейдите Plugins → Figma to Code. 2. Выделите любой объект на макете, и в появившемся окне отобразится его код. 3. При необходимости можете изменить язык: HTML, Flutter, SwiftUI, CSS-фреймворк Tailwind. Если нужны Flutter или SwiftUI, то Figma to Code сможет выручить. Но поддержка HTML в нём не очень хорошая — плагин не пытается организовать все стили объекта в формат CSS, а просто выдаёт всё в формате . #AutoLayout #android #css #html #девайсы #код #стили

Drive UX by Ruslan Savvotin — канал про продуктовый дизайн без шоу: меньше глянца, больше того, что двигает метрики и помогает принимать решения под ограничения, сроки и реальных пользователей. Там разбирают, как мелкие приемы, например, какие иконки должны быть в интерфейсе для действия или индикатора, как glassmorphism ломает доступность, так и зачем продуктовым дизайнерам знать RICE/ICE, North Star и end-to-end доставка фич, когда важно не «как нарисовано», а «как растёт». Если ближе результат, чем украшательства — заходите: @drive_ux.

Автозаполнители стали удобнее Коды размеров {w}, {h} и другие не обязательно вводить вручную — они собраны в новый выпадающий список. Можно по-прежнему вводить вручную или выбрать из списка и код подставится в поле ввода. Выборочное редактирование Для добавления приставки и суффикса больше не нужно кликать в отдельные переключатели — просто укажите в полях Range номера нужных элементов. Например, если хотите добавить приставку только к имени артбордов 1, 5-8 или суффикс к слоям 2, 10-15. Конвертации регистра имени Форматирует имена по единому стандарту на выбор из девяти вариантов в выпадающем списке. Например, snake_case — преобразует имена в нижний регистр и заменит все пробелы на нижнее подчёркивание. Предпросмотр Кнопка Preview теперь показывает итоговые имена не только в окне скрипта, но и в системных панелях Artboards, Layers. Подробнее о скрипте #illustrator #artboard #layer #item

Привет! На связи Сережа, со-основатель Pathway👋 Сегодня я с новостями про редактор исследований: мы обновили UX и визуальную часть. Что поменялось? 01 Мы переместили кнопку "добавление нового блока" в левую колонку, чтобы она всегда была видна и не нужно было скроллить в самый низ. И, кстати, теперь она открывается по шорткату: просто нажмите N чтобы открыть выпадающее меню, а потом ↑ или ↓ + Enter чтобы быстро добавить блок. 02 Мы наконец-то дали возможность быстро добавить блок между другими блоками в любом месте исследования 03 Весь контроль над блоками теперь происходит в левой колонке 04 Мы добавили специальную иконку, чтобы было понятно, как именно перемещать блоки местами. И обновили иконки блоков для общей консистентности. ——— Попробовать новый UX уже можно тут→ Теперь работа с конструктором станет чуть проще и быстрее. И как всегда — будем рады фидбеку: тут в комментариях или в чате поддержки 💌

Делегирование, упаковка, клиенты, команда под ключ Недавно ко мне пришёл дизайнер инфографики. Уже опытный, собрал команду, которая делает классные проекты. Но все процессы держатся на нём: переписки, правки, учет, поиск клиентов. Доход — в среднем 250К и нет четкого плана, как расти дальше. Мы сели, разобрали ситуацию и наметили стратегию роста в 2–3 раза: – нашли, где теряются деньги; – провели кастдев и поняли, чего реально хотят клиенты; – упаковываем конвертер, который ударяет в боли; – исправили ошибки в переписках и продажах; – наметили новые каналы трафика. Его основной канал — Behance. Наша цель: чтобы те же просмотры приводили в 3–5 раз больше клиентов в ближайшие 1-2 месяца. Поэтому сейчас мы делаем такую структуру кейса, которая заставит селлеров просто жать на кнопку «заказать». Все это я уже внедрил себе или внедряю прямо сейчас. Есть студии, которые зарабатывают 1-2 млн, обучают. И это крайне сложно сделать одному — только с командой и поддержкой со стороны. Часто моему росту способствовал нетворкинг: общение с другими дизайнерами или теми, кто опытнее и экспертнее меня. Поэтому, если ты топчешься на месте, хочешь делегировать, вырасти, создать систему, но уже 3–6 месяцев ничего не меняется — пиши мне @bukreevdesign Созвонимся, пообщаемся. А тем, кто захочет все это под ключ - предложу личную работу. Покупать не обязательно. Места пока есть 🤝

В интервью для Independent британский музыкант признался, что задумал альбом под названием Eject, который выпустят после его смерти. В своем завещании он попросил, чтобы жена Черри Сиборн сама выбрала для него 10 треков, которые посчитает лучшими за всю его карьеру. Выходу Eject будут предшествовать альбомы, названные как кнопки аудиопроигрывателя: Pause, Fast Forward, Rewind и Stop. Название нового альбома Play также отсылает к пульту управления. Всего в пластинку вошли 13 песен, включая синглы Azizam, Old Phone, Sapphire, A Little More и Camera. О свежем альбоме Эда Ширана, осенних релизах зарубежных исполнителей и предстоящих концертах можно узнать в нашем материале. 🔹The Blueprint News

Автор разбирает парадокс: дизайн-система создаётся для ускорения работы, но часто превращается в барьер. Перекрасить кнопку? Согласование. Новый паттерн? Дизайн-комитет. А/В-тест? Сначала в ДС. Команда учится делать не «лучше», а «правильнее». Развитие продукта замирает, потому что «в системе так не принято». В статье приведены 10 признаков токсичной ДС и 11 корневых причин проблемы. Главная ошибка: вместо «чтобы быстрее и надёжнее» проповедуется «чтобы всё одинаковое». Автор предлагает набор метрик для измерения токсичности: от медианы времени на изменение UI до количества форков и обходных решений. Внутри: – 10 признаков того, что ДС стала тюрьмой; – Почему Design Ops превращается в надзорный орган; – Как измерить токсичность через метрики; – Что такое экспериментальный контур и зачем он нужен; – Почему команды создают подпольные клоны библиотек; – Как превратить систему из надзирателя в помощника. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Статья исследует сложность создания кнопки в программе Фигма. Погрузитесь в мир дизайна и изучите, насколько кропотлив процесс создания этого простого элемента интерфейса Читать на дизайнерс | #урок

Работа полностью на удаленке с зп до 150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ ganstaagency.com О рекламодателе

Работа полностью на удаленке с зп до 150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ ganstaagency.com О рекламодателе

Интерфейс — это всё, что помогает взаимодействовать с продуктом. Собрали его виды, примеры и принципы, без которых дизайнеру не обойтись, в этой статье. #польза @contented

Диджитал-агентство «Атвинта» рассказало, как создавали интерфейс для хирургической установки «Плазморан». Аппарат используют для заживления огнестрельных ран и ожогов в больницах МВД, РЖД и Минобороны. Особенность: операции проводят даже в полевых условиях, где врачи работают в перчатках при разном освещении. Команда убрала всю вложенность меню и сделала простой принцип: одно нажатие — один экран. Каждую кнопку снабдили символом и цветом, чтобы врач за долю секунды видел нужный режим. Вместо всплывающей клавиатуры встроили клавиши ввода прямо на экран, а всю информацию разбили на ситуативную и отложенную. Внутри: – Почему в медицинских интерфейсах нет права на ошибку; – Как учесть работу в перчатках и плохое освещение; – Зачем разделять информацию на ситуативную и отложенную; – Почему отказались от тёмной темы в пользу светлой; – Как цветовые акценты снижают риск врачебной ошибки; – Какие экраны создали для четырёх режимов работы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Делюсь с вами кодом, с помощью которого можно скомбинировать стандартное меню ME403 со своей кнопкой из zero-блока. Отличие данной модификации от стандартного вызова меню заключается в том, что ваша кастомная кнопка останется поверх вызванного меню. Благодаря этому кнопку можно сопроводить сбс-анимацией крестика, например. Демонстрацию работы модификации можно посмотреть по ссылке. Инструкция к модификации: 🔸 Создайте zero-блок, в нем разместите кнопку для вызова меню. У кнопки не нужно прописывать ссылку, но надо задать ей класс .menu_open_btn Также можно настроить сбс-анимацию для линий гамбургер-меню по превращению в крестик, как в моем примере. Зафиксируйте положение zero-блока и присвойте ему z-index равный 9999990, чтобы кнопка всегда находилась поверх меню, но ниже любого из модальных окон. 🔸 Добавьте на страницу блок ME403, настройте его как вам захочется. Но главное — обязательно поставьте галочку в настройках блока ✅ Показывать «гамбургер». В модификации можно использовать и другое стандартное меню, у которого есть возможность вызова через иконку гамбургера, но я остановилась на МЕ403, как самом универсальном. В случае использования другого меню, в коде надо заменить соответствующие стандартные классы. 🔸 Добавьте в блок Т123 код для работы кнопки по вызову меню: Подключение библиотеки jQuery не требуется. Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ #модификации #тильда

11 сентября в 12:00 (МСК) приглашаем вас на вебинар https://7a5.ru/getcourse-ai/web">«AI-сотрудники на GetCourse» от Саши Воздвиженского. Это будет не «лекция» и точно не фончик для работы в соседних вкладках. Это интерактив, где всё зависит от вас: вы будете тыкать на кнопки, писать в чат и получать свой уникальный опыт. В программе: 💜 WOW-интерактив с первых минут — сразу после регистрации вас ждёт первый интерактивчик. 💜 Демонстрация возможностей — мы покажем работу AI-сотрудника, который снимает рутину со специалистом первой линии и повышает вовлечённость участников вебинаров. 💜 Эксперименты в чате — пишете вы, отвечает AI. Всё в реальном времени. 💜 Схема сборки — покажем, как связать Геткурс, Воронки и Filebrain в единую систему. 💜 Методичка — пошаговая инструкция, которую получите прямо в чате, без лендингов и «цепочек». 💜 Оффер на персональное обучение — курс по внедрению AI-сотрудников в онлайн-школы + авторская поддержка. 💜 Новый навык для техспецов — реальная востребованная услуга, которой можно обучиться за счёт заказчика. А будет ли запись? Нет 🙅‍♂️ И это не маркетинговая фишка. Просто бессмысленно: весь смысл в том, чтобы участвовать, жать кнопки и смотреть, как боты отвечают именно вам. Смотреть потом «со стороны» не имеет никакого смысла. 🎤 Вести вебинар будет Александр Воздвиженский — автор методики, больше 20 лет в продажах, с 2018 года техспец GetCourse PRO, проводил аудиты в 200+ школах и теперь делает AI-ботов-продажников. По совместительству, «Звезда Кругочата» 😂 👉 Регистрируйтесь здесь: https://7a5.ru/getcourse-ai/web Приходите — будет по-дружески, с котиками, но с контентом, который даст вам серьёзное преимущество.

@pprostudy - разбираем на какие нажимать кнопки в Premiere Pro, чтобы на выходе был крутой видеоролик @a_study - узнаем, как создаются потрясающие работы по анимации и спецэффектам в популярном приложении After Effects

У світі, де технології здаються універсальними, дизайнери часто забувають, що користувачі сприймають інтерфейси крізь призму культури. Кнопка «Like» може здаватися невинним жестом підтримки, але в арабському світі вона часто набуває глибшого соціального значення, а в Азії — форму колективного визнання. Такі відмінності здаються дрібницями, але саме вони формують відчуття користувача і визначають, чи буде інтерфейс комфортним. Підписатися на автора: ZeroOne Design #comments">Коментувати | Читати

Примеры: 1. https://cap.so/ 2. https://headroom.com/ 3. https://www.level.money/ 4. https://oversecured.com/ 5. https://pop.site/ 6. https://seline.com/ 7. https://www.planpoint.io/ 8. https://thepatchsystem.com/ Я не понял, как сам стал рисовать синие сайты. И вообще не могу вспомнить, когда зародился тренд Так почему многие выбирают синий? 1. Это довольно универсальный цвет. В отличие от «светофорных», он не дает ложных интерфейсных аффордансов. Меня, например, напрягает красный брендовый цвет в интерфейсе, особенно когда кнопка «принять» красная (ну тут вопрос к дизайнерам скорее) 2. Есть мнение, что синий — наследие технологичных больших чуваков типа Linkedin / Twitter / Facebook / IBM / Microsoft. Остальные просто хотят быть похожи на них (или ассоциироваться с чем-то большим и технологичным) 3. Если верить психологии цвета, то синий = доверие, надёжность и интеллект. Это важно для молодой компании: репутации пока нет, а стабильность уже надо как-то транслировать А может я вообще все это придумал и никакого тренда нет? Просто глаз замылился? upd: в комментах скинули хорошую статью, в которой написано "Синий цвет на протяжении двадцати с лишним лет — самый популярный выбор веб-дизайнеров"

⌨️Скачать UI Kit⌨️ #uikit

проект который вы не видели, а кря зря 🦆 Возможно ли финтех-приложение в котором кнопка «скинуть денег» (да да с маленькой буквы) будет заложена в дизайн-систему? Можно ли сделать чистый универсальный дизайн для разных поколений детей, чтобы было интуитивно понятно и прикольно для младших, а ещё не по-детски круто для старших? Команда Льва и Дана сделала смелый для корпорации редизайн детского приложения, подробности в хорошем качестве на vimeo 📹, ещё немного сторителлинга в кейсе на конкурсе креативных индустрий G8 4️⃣, а тизер в видео к посту. А зачем это всё нужно и как донести эмоциональный дизайн до прода Дан рассказал в Рефодушке Дизайн-комьюнити 📺 Неделя зелёных историй на канале @nice2mitya_chuk