A.svg

🤨 Разные продукты с одной дизайн системой (?) Могут ли разные продукты на основе одной ДС иметь различия в компонентах, цветах и тд? Вроде бы банальный вопрос, и ответ очевиден — да. Но недавно столкнулся с таким необычным мнением: у приложений Гугла «буквально…

🤨 Разные продукты с одной дизайн системой (?) Могут ли разные продукты на основе одной ДС иметь различия в компонентах, цветах и тд? Вроде бы банальный вопрос, и ответ очевиден — да. Но недавно столкнулся с таким необычным мнением: у приложений Гугла «буквально нет одинаковых элементов». Мнение было подкреплено скринами Google One и News... Решил выяснить, что разного увидел собеседник, ведь приложения практически идентичны по визуалу и очевидно используют одну ДС. Ответ убил: «отличается между ними буквально все, шрифт, цвета, отступы». Понятно, что это довольно редкое (даже уникальное) мнение и, похоже, непонимание предмета разговора. Но давайте разберём эти отличия и отличия ли это вообще. [ Под картинкой весь текст не помещается, разбор в следующих постах ] Перейти к 🧪 Часть 2: Шрифт, Цвета и Отступы @Apollosvg ⋅ #designsystem ⋅ #ui#ux#интерфейс#дизайнсистема#дс

✨ Статья: как я создал figma-плагин без написания кода (всё на AI) Фух потратил на неё миллион часов. Вышло длинновато (4600+ слов...), но я оформил с оглавлением и некоторые главы можно смело скипать, если не интересно (например, про мои отношения с AI). Поддержите прочтениями и лайками/сохранениями, если понравилась. Буду супер-благодарен ♥️ О, ещё там опрос в конце, можно проголосовать ㅤ 👉 Ссылка на статью ㅤ ↖ Пост про сам плагин @Apollosvg ⋅ #article#resource#plugin#designsystem ⋅ #ui#ux#фигма#uikit

👾 Сделал плагин для Figma, который локализует внешние переменные (не написав ни строчки кода) Плагин поможет, если вы взяли и тупа скопировали переменные из другого файла, а там были алиасы (переменные ссылались на другие переменные). Но вот незадача! Фигме плевать на эти связи, она не переносит их, а оставляет ссылки на переменные-спутники из старого файла. Вообще не то, чего ждёшь 🥲 Что делает плагин: 1. Ищет переменные, в которых есть ссылка на другие переменные, не доехавшие до этого файла (оставшиеся в другом файле, или пропавшие) 2. Создает их копии в этом файле 3. Перевязывает алиас-переменную с внешнего мастера на локальный Работает для переменных всех типов: цветовые, текстовые, булевы, числовые. Должно работать и с кучей модов, но я не тестил Забавный факт: я не написал ни строчки кода, за меня всё сделали нейронки (с меня был только ревью кода и дизайн). Ставь китика (🐳) если интересно, чтобы я расписал подробнее 👉 Ссылка на плагин @Apollosvg ⋅ #resource#plugin ⋅ #ui#ux#фигма#uikit

🎄Привет, это итоги года. Я считаю, что нг это личный праздник, поэтому тут кроме скромной статистики канала, будет пару слов про меня. Достижения по каналу: ❶ Сразу отмечу «новогоднее чудо» — 30 декабря на канале стало больше ста подписчиков ❷ В этом году я получил первый в своей жизни донат (десять звёздочек в ТГ!) ❸ Написал 13 постов (в 2023 - 3 поста, 2022 - 5 постов) И немного про личные события: ровно год назад был один из самых счастливых дней в моей жизни (топ-2), правда в начале этого года всё посыпалось 🐳, но (!) я собрался, составил план и за год добился как минимум половины целей (что я оцениваю как успех): ❶ Познакомился с кучей новых людей, подружился с ±15 (близко сдружился с ±5). Учитывая, что потерял одного, это довольно неплохой результат 👾 ❷ Переборол замкнутость и стеснение ❸ Стал наглее (до нужной степени) ❹ Погрузился в UI киты и ДС ❺ Повысил продуктивность в несколько раз ❻ Не бросил вести дневник (веду с декабря 2024г) ❼ Приготовил вкуснейшую пиццу Всем успехов и улыбок в 2025! ☃️🎄

👻 Бу, не бойся, это я. Пока без умных статей, но... Я добавил в портфолио несколько кейсов. Хочешь глянуть?: 1. Секретное приложение читалка: Проект, над которым работаю прямо сейчас. Минималистичная, но до жути кастомизируемая читалка с парочкой киллерфич, которых вообще нет на рынке 2. Проекты в дизайн студии: Давно пора было собрать всё вместе, а я дождался до того, что 60% ушло в веб-архив, а 30% исчезли безвозвратно👀. Вот, собрал всё, что выловил из мутных вод прошлого 3. Редизайн Кошелька в Телеграм: Это конкурсная работа для Wallet в Телеграм. Конкурс не выиграл, потому что пошел по пути полного исправления user flow, победители сделали косметические доработки. Случай, когда смелость не поощряется 👀. Я не помню, показывал тут этот подробный кейс или нет, но вот. Рад, что закончил всю эту чепуху до др (оно уже сегодня, вот это да) очень приятное чувство. Чего и вам желаю Всех обнял. С наступающим ДР или НГ, или что у вас раньше) @Apollosvg ⋅ #news#casestudy ⋅ #ui#ux#дизайнер#кейс#интерфейс

📋🔃 Порядок пунктов в модальном меню Есть хорошая практика — отправлять все "Опасные" действия вниз модального меню. Именно из-за этой практики люди автоматом тянутся вниз когда хотят удалить что-то И вот забавный пример ломания шаблона. Ютюб добавил функцию сохранения комментов (чтобы потом юзать их в шортсах) и... сунул точку входа в самый низ... ниже репорта, редактирования и удаления... Вот я пару раз мисскликнул (да, я тот человек, который репортит ботов в ютубе...) и у меня возникла конспирологическая догадка: а что если это непросто UX-косяк, а намеренный UX-косяк? Следите за руками: > Двигаем кнопки вверх и добавляем новый пункт в самое часто-кликабельное место (в самом низу) > Получаем халявные использования нового функционала, поднимаем Adoption и Conversion, лутаем бонусы к ЗП > Profit Ну хорошо, я не всерьёз в это верю, скорее всего, они просто влепили новую функцию в конец колонки автоматически, не задумываясь... или нет? Что думаете? @Apollosvg ⋅ #bad#practice ⋅ #ui#ux#дизайнер

🪄 Полезные Figma-плагины для продуктового дизайнера (не вру) Плагины, которыми я пользуюсь регулярно. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов Тут кратко, на Хабре развёрнуто: 👉 Статья на Хабре Design Tokens Manager Поможет в экспорте/импрте переменных и стилей в json-файл в простом виде, а не в сложно-новомодном ⚹¹ Swap Variables Заменяет переменные из одной коллекции на переменные из другой. Поможет поддерживать много тем. (плагин, кстати, от Qurle) Randomise Variants Рандомно изменяют пропсы выбранного инстанса. Можно выбрать, какие. Видит даже nested Copy Exposed Instance Properties Копирует nested пропсы из одного инстанса в другой. Фигма не умеет Property Randomizer Рандомно изменяет выбранные свойства объекта (тут речь уже про высоту/ширину/т.д., а не про пропсы) Если полезно — ♥️, 💾, 🔄 Если знаете ещё классные плагины — поделитесь в 💬 @Apollosvg ⋅ #practice#resource ⋅ #ui#ux#figma#фигма#дизайнер#плагины

тут у Тинькофф дизайн-конференция намечается, пройдёт 21 сентября. Регистрация только открылась ⚹¹, так что пока есть оффлайн места (но там модерация). Онлайн-трансляция тоже будет Я впервые успел зарегаться на оффлайн, кстати. Посмотрим, одобрят или нет Upd. Не одобрили :) посмотрел онлайн (запись на youtube ⚹²). Честно, смешанные чувства. Советую сразу мотать на третий доклад, он интересный. Первые два смело можно скипать (не в обиду спикерам) ⚹ ffdd2d.tbank.ru/ @Apollosvg ⋅ #event ⋅ #ui#ux#тбанк

Привет, спишь?) Я тут случайно наткнулся на open-ui ⚹¹ это очередная база дизайн систем (и их компонентов), вроде ничего особенного, но... Там есть очень занятная сравнительная таблица компонентов ⚹² и в целом у проекта упор на статистику частотности названий.…

Привет, спишь?) Я тут случайно наткнулся на open-ui ⚹¹ это очередная база дизайн систем (и их компонентов), вроде ничего особенного, но... Там есть очень занятная сравнительная таблица компонентов ⚹² и в целом у проекта упор на статистику частотности названий. В общем, таблица сложночитаемая и немного странненькая, но её можно смело юзать при подборе названия для своих компонентов. Плюс можно быстро перейти к странице условного button компонента в разных системах, не тратя время на гуглёжку :) А какие ресурсы вы юзаете когда нужно подобрать название компонента? Напишите в комментах ✍️👀 (да, это призыв к активности) Upd. Написал заумный пост = минус два подпичника... ⚹ open-ui.org @Apollosvg ⋅ #resource#designsystem ⋅ #ui#ux#figma#фигма#дизайн#дс

😬 Редизайн Figma: жутко неудобно и жутко интересно... (статья) Недавно произошёл редизайн Фигмы ⚹¹ и вот моё очень важное мнение. Решил написать статью на Хабр, но она ушла на вечную модерацию (жесть, там редактор 💀), потому написал в Телеграф. 👉 Статья…